javascript - 只有相对定位的 child 元素的自动高度

Question

如你所见here您需要将静态高度应用于 #wrapper，否则 div 将不包含其子项。 (这里是 fiddle )这很合乎逻辑。但是，我希望我可以为 #wrapper 提供一个自动高度，通过该高度它可以包含多行相对定位的元素。

我想我可以在单个元素周围添加另一个包装器并静态定位它们吗？但我宁愿不添加更多 HTML。如果需要，可以使用 JS/jQuery 解决方案。

Answer 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/