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

Auto height on element with only relatively positioned children

本文关键字:元素 相对 定位 高度      更新时间:2023-09-26

正如你在这里看到的,你需要对#wrapper应用静态高度,否则div将不包含其子级。(这是小提琴)这是非常合乎逻辑的。但是,我希望我可以给 #wrapper 一个自动高度,通过它可以包含多行相对定位的元素。

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

有一个

浮点是你的孩子的DIV,所以你必须清除它parent并从中删除高度。 这样写:

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

检查此 http://jsfiddle.net/y5nYN/16/