粘性页脚Sticky footers布局

需要处理一种布局当页面内容不足时, 页脚紧贴屏幕底部;当页面内容过长时,页脚紧贴内容后面。

container {

content{}  // 内容

footer{}   // 页脚

}

.content {min-height: 100%; padding-bottom: 60px; }  //padding-bottom是为底部页脚留摆放位置, 不然当内容足够长时,页脚会遮住内容

.footer{margin-top: 60px; }  // 这是为了让页脚一直浮在底部 ~~~~ 

你可能感兴趣的:(粘性页脚Sticky footers布局)