需要处理一种布局当页面内容不足时, 页脚紧贴屏幕底部;当页面内容过长时,页脚紧贴内容后面。
container {
content{} // 内容
footer{} // 页脚
}
.content {min-height: 100%; padding-bottom: 60px; } //padding-bottom是为底部页脚留摆放位置, 不然当内容足够长时,页脚会遮住内容
.footer{margin-top: 60px; } // 这是为了让页脚一直浮在底部 ~~~~
需要处理一种布局当页面内容不足时, 页脚紧贴屏幕底部;当页面内容过长时,页脚紧贴内容后面。
container {
content{} // 内容
footer{} // 页脚
}
.content {min-height: 100%; padding-bottom: 60px; } //padding-bottom是为底部页脚留摆放位置, 不然当内容足够长时,页脚会遮住内容
.footer{margin-top: 60px; } // 这是为了让页脚一直浮在底部 ~~~~
本文标题:粘性页脚Sticky footers布局
本文链接:https://www.haomeiwen.com/subject/wiitvftx.html
网友评论