css - 奇怪的 CSS 页脚错误

Question

嘿，我主页上的页脚 div 有问题

问题是包装器 div与内容 div的高度不同。页脚 div 位于我网站的中心：/ 如何根据内容 div的大小更改包装 div的大小？

<div id="wrapper">
<div id="content">
<!-- My content... -->
</div>
</div>
<div id="footer">
<!-- My footer stuff... -->
</div>

score 3 · Accepted Answer

添加clear: both;到您的#footer风格。

#content和div 是浮动的#primary，因此它们不会影响#wrapperdiv 的高度。

编辑：这个方法不会改变#wrapperdiv 的高度，所以如果你打算给它一个边框或背景图像，Lars Nyström 的overflow: auto;方法会更适合你。

score 1 · Accepted Answer

设置overflow: auto;为#wrapper

发生这种情况的原因是浮动元素的父元素折叠。有许多技术可以解决它。我提到的一种叫做溢出方法。更多信息在这里：http ://css-tricks.com/all-about-floats/

2 回答 2