1

我有一个 div 持有人，其中有一组 div 作为孩子。问题是内容随高度而变化，具体取决于其子项的内容，那么如何将持有人 div 的 css 属性设置为自动调整为其子项的高度总和？

我已经尝试了 div 持有者 css 的几种配置，例如 min-height、padding:auto 等。但没有成功。

我在这里放置了代码：http: //jsfiddle.net/nuAQY/

谢谢。

4

3 回答 3

3

只需删除 childdiv的高度。

当您声明高度时，它表示无论内容是什么，它始终是那个高度，所以当内容改变时，孩子的高度不会改变，所以持有人的高度也不会改变。

.holder {
    width:250px;
    min-height:50px;
    border:1px solid #EDEDED;
}

.header {
    width:100%;
}
.body {
    width:100%;
}
.footer {
    width:100%;
}

​</p>

于 2012-07-12T15:20:59.393 回答
2

创建一个名为 clear 的类，并将其放在您的最后一个 div 孩子之后，但仍位于持有人中。

像这样：

.clear { width: 100%; height: 0px; clear: both; display: block; }

然后...

<div class="holder">
<div class="child"></div>
<div class="child"></div>
...
<div class="child"></div>
<div class="clear"></div>
</div>
于 2012-07-12T15:20:36.027 回答
0

问题是您已在所有 DIV 上设置了高度，但内容超过了该高度，因此它用完了。您要么必须删除高度，要么overflow:auto为每个 DIV 设置，但随后您将获得一个滚动条。如果要隐藏多余的内容，可以使用overflow: hidden

于 2012-07-12T15:30:53.577 回答