获取页脚始终位于底部 - 仅使用CSS

Question

如果页面上没有足够的内容，是否可以在页面底部显示页脚？

我尝试了一些不同的CSS来实现这一点，但没有运气。 我当然可以用JS做到这一点，但我觉得如果可能的话，CSS会更顺畅。

我认为问题在于我的包装器div（具有id =＆＃34; main＆＃34;）具有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;