html - 让页脚始终位于底部 - 仅使用 CSS

Question

如果页面上没有足够的内容，是否可以让页脚位于页面底部？

我尝试了一些不同的 CSS 来实现这一点，但没有运气。我当然可以用 JS 来做，但如果可能的话，我认为 CSS ia 更流畅。

我认为问题在于我的包装 div（具有 id="main"）具有 float:none 因为我想将其内容居中。

该页面是http://runningaalborg.dk

有人能帮我吗？？

Answer 1

您要查找的内容通常称为粘性页脚。

看看这个使用纯 CSS 解决方案的网站：http ://ryanfait.com/sticky-footer/

Answer 2

您可以使用：

html, body, #main {
    height: 100%;
}
footer {
    position: absolute;
    bottom: 0;
}

Answer 3

放入#lbBottomContainer

position:absolute;
bottom:0;