使CSS页脚位于浏览器窗口的底部或内容的底部

Question

这个问题重复一遍.

我有一个现有的网站(jacquelinewhite.co.uk),上面有一个页脚.目前,此页脚始终位于主要内容的下方.我试图让它浮动到浏览器窗口的底部,或者如果内容大于窗口,请保持在内容的底部.

实际上,HTML的结构如下:

<div id="container">
  <div id="top_bar">
  </div>
<div id="header">
</div>
<div id="left_menu">
</div>
<div id="right_content">
</div>
<div class="clear">
</div>
<!-- FOOTER AREA -->
<div id="footer">
</div>
<!-- END FOOTER AREA -->
</div>

我尝试了绝对位置,底部0,它将页脚放在窗口的底部,但如果窗口的内容较大,则页脚覆盖内容.

我该怎么解决这个问题？

Answer 1

这个对我来说总是很好用:CSS Sticky Footer