css - 页脚重叠内容

Question

谢谢你的帮助。

你可以查看这个online

问题是我的页脚。它似乎不会停留在内容下方。我试图使用 Matthew James Taylor's method这对我不起作用。我需要页脚在内容填满页面时停留在内容下方，而在内容未填满页面时停留在窗口底部(粘性页脚)。我正在寻找非 JS 解决方案。

再次感谢。

Answer 1

在 .container 元素的末尾放一个空的 div 元素 with clear:both;像这样

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

并从 #tabs 元素中移除高度。您已将其设置为 height: 500px;