CSS容器div未获取高度
CSS容器div未获取高度
提问于 2011-10-19 14:15:36
我想让我的容器div得到它的子高度的max的高度。而不知道子div会有多高。我在JSFiddle上试过了。容器div亮起红色。却没有出现。为什么？
回答 5
Stack Overflow用户
回答已采纳
发布于 2011-10-19 14:21:28
添加以下属性：
.c{
...
overflow: hidden;
}这将强制容器遵守其中所有元素的高度，而不考虑浮动元素。
更新
最近，我正在做一个项目，它需要这个技巧，但需要允许溢出显示，所以你可以使用一个伪元素来清除你的浮动，在允许所有元素溢出的同时有效地达到相同的效果。
.c:after{
clear: both;
content: "";
display: block;
}Stack Overflow用户
发布于 2011-10-19 14:24:43
你正在浮动孩子，这意味着他们“浮动”在容器的前面。为了获得正确的高度，你必须“清除”浮动。
div style="clear: both“清除浮动，并为容器提供正确的高度。有关floats的更多信息，请参阅http://css.maxdesign.com.au/floatutorial/clear.htm。
例如：
<div class="c">
<div class="l">
</div>
<div class="m">
World
</div>
<div style="clear: both" />
</div>Stack Overflow用户
发布于 2014-10-14 15:48:38
不是很简单吗？
.c {
overflow: auto;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7817269
复制相关文章
相似问题
腾讯云开发者
