除非需要滚动条，否则HTML页脚会粘在浏览器的底部

Question

在某些网页上，内容很小，页脚在我的标题附近收缩。在这些情况下，我希望页脚粘在底部。我可以在CSS中轻松完成这项工作：

#footer {
    position: fixed;
    width: 100%;
    bottom: 0;
}

效果很好。但是，有时内容并不是最小的，您甚至可能需要滚动才能看到底部的内容。在这些情况下，我希望页脚简单地跟在内容之后，就像正常一样。

有没有办法在CSS中做到这一点？我需要一个Javascript黑客攻击吗？如果我需要一个黑客，有一个很好的图书馆吗？我已经使用了jQuery，很高兴根据它使用一些东西。我不关心IE8或更低版本。我只关心IE9 +以及Chrome，Firefox，Safari和Opera的最新版本。

Answer 1

我使用了这里描述的技术： http://www.cssstickyfooter.com/

除了提前知道页脚高度的要求外，似乎工作得很完美......

Answer 2

由于您需要的功能是当内容不足以填充浏览器的高度时，在content容器中有空格，您可以使用content div的最小高度来制作它会将页脚强制到页面底部。

即。如果你的html是：

<div class='header'> header </div>
<div class='content'> some content here </div>
<div class='footer'> footer </div>

然后通过应用css：

.content { min-height:300px; }

内容总是占据至少那个高度而不会靠近标题。

如果内容更合适，您也可以尝试使用margin-bottom