CSS 包装器不会随着 float 的 child 一起成长

Question

我的页面上有一个按此规则设置样式的包装器

#wrapper{
    width: 900px;
    margin: 0 auto;
    background: #FFF;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
}

问题是，如果 child 是 float 的， wrapper 就不会增长。经过一点谷歌搜索后，我发现添加 display:none 可以解决它。它做到了，但我不能这样做，因为我的一些元素必须溢出包装(通过包装突出的设计元素)。我如何在不使用 overflow:hidden 的情况下解决它？

Answer 1

您需要清除 float 元素，例如

<div style="float:left"></div>
<div style="float:right"></div>
<div style="clear:both"></div>