元素上的自动高度,只有相对定位的子元素

时间:2012-04-23 09:22:30

标签: javascript jquery html css position

正如您所见here,您需要将静态高度应用于#wrapper,否则div不会包含其子项。 (这里是fiddle)这是非常符合逻辑的。但是,我希望我能给#wrapper一个自动高度,它可以包含多行相对定位的元素。

我想我可以在各个项目周围添加另一个包装并静态定位它们?但我宁愿不添加更多HTML。如果需要,可以使用JS / jQuery解决方案。

1 个答案:

答案 0 :(得分:1)

float 是您的孩子DIV,因此您必须清除它parent&从中移除高度。写得像这样:

#wrapper {
    background-color: white;
    min-height: 360px;
    margin: 50px auto;
    overflow: hidden;
    padding: 10px;
    width: 1008px;
}

选中此http://jsfiddle.net/y5nYN/16/