页脚重叠内容

Question

感谢您的帮助。

您可以查看此online

问题是我的页脚。它似乎不会低于内容。我试图使用Matthew James Taylor's method这不适合我。当内容填满页面时，我需要将页脚留在内容的下方，并在内容不填充页面时留在窗口的底部（粘性页脚）。我正在寻找一个非JS解决方案。

再次感谢。

Answer 1

在.container元素的末尾放置一个空的div元素，其中clear：both;像这样

<div style="clear:both;"></div> 

并从#tabs元件中删除高度。你已经将它设置为height: 500px;