【发布时间】:2014-02-07 18:19:59
【问题描述】:
我有一个 ID 为“容器”的 div,其中包含 3 个具有浮动左属性的 div。 当我使用这些浮动 div 时,“容器”div 不会根据内部 div 获得高度。 解决办法是什么? 谢谢。
【问题讨论】:
-
尝试在容器元素上设置
overflow:hidden。
我有一个 ID 为“容器”的 div,其中包含 3 个具有浮动左属性的 div。 当我使用这些浮动 div 时,“容器”div 不会根据内部 div 获得高度。 解决办法是什么? 谢谢。
【问题讨论】:
overflow:hidden。
放置 clear 属性以恢复流。 My Codepen
HTML
<div id="container">
<div class="coucou" ></div>
<div class="coucou" ></div>
<div class="coucou" ></div>
<div class="clear"></div>
</div>
CSS
#container{
width : 600px;
background:pink;
}
.coucou {
margin-left:2px;
width :100px;
height:200px;
float: left;
background:blue;
}
.clear {clear:both;}
【讨论】: