正如您所见here,您需要将静态高度应用于#wrapper
,否则div不会包含其子项。 (这里是fiddle)这是非常符合逻辑的。但是,我希望我能给#wrapper一个自动高度,它可以包含多行相对定位的元素。
我想我可以在各个项目周围添加另一个包装并静态定位它们?但我宁愿不添加更多HTML。如果需要,可以使用JS / jQuery解决方案。
答案 0 :(得分:1)
float 是您的孩子DIV,因此您必须清除它parent
&从中移除高度。写得像这样:
#wrapper {
background-color: white;
min-height: 360px;
margin: 50px auto;
overflow: hidden;
padding: 10px;
width: 1008px;
}