html - 在此示例中，如何将页脚强制置于底部？

Question

即使没有足够的页面内容将它推到底部，我如何强制#footer 到页面底部？

https://www.bootply.com/qMgTsXOMJd

请举个例子， 非常感谢您提前

Answer 1

这是一个如何在 Bootstrap 文档网站上制作粘性页脚的示例:http://getbootstrap.com/docs/3.3/examples/sticky-footer-navbar/

在示例中，页脚是绝对定位的，这会将其固定在屏幕底部，并且正文的底部边距与页脚的高度相匹配，因此内容不会溢出页脚。

在你的 CSS 中添加这样的东西:

body {
    margin-bottom: 60px;
}

footer {
    height: 60px;
    position: absolute;
    bottom:0;
}