首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS容器div未获取高度

CSS容器div未获取高度
EN

Stack Overflow用户
提问于 2011-10-19 14:15:36
回答 5查看 105.1K关注 0票数 118

我想让我的容器div得到它的子高度的max的高度。而不知道子div会有多高。我在JSFiddle上试过了。容器div亮起红色。却没有出现。为什么?

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-10-19 14:21:28

添加以下属性:

代码语言:javascript
复制
.c{
    ...
    overflow: hidden;
}

这将强制容器遵守其中所有元素的高度,而不考虑浮动元素。

http://jsfiddle.net/gtdfY/3/

更新

最近,我正在做一个项目,它需要这个技巧,但需要允许溢出显示,所以你可以使用一个伪元素来清除你的浮动,在允许所有元素溢出的同时有效地达到相同的效果。

代码语言:javascript
复制
.c:after{
    clear: both;
    content: "";
    display: block;
}

http://jsfiddle.net/gtdfY/368/

票数 288
EN

Stack Overflow用户

发布于 2011-10-19 14:24:43

你正在浮动孩子,这意味着他们“浮动”在容器的前面。为了获得正确的高度,你必须“清除”浮动。

div style="clear: both“清除浮动,并为容器提供正确的高度。有关floats的更多信息,请参阅http://css.maxdesign.com.au/floatutorial/clear.htm

例如:

代码语言:javascript
复制
<div class="c">
    <div class="l">

    </div>
    <div class="m">
        World
    </div>
    <div style="clear: both" />
</div>
票数 28
EN

Stack Overflow用户

发布于 2014-10-14 15:48:38

不是很简单吗?

代码语言:javascript
复制
.c {
    overflow: auto;
}
票数 20
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7817269

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档