overflow
原文地址：https://www.jianshu.com/p/7e04ed3f4bea
我们都知道"overflow:hidden"可以溢出隐藏，即当内容元素的高度大于其包含块的高度时，设置该属性即可把内容区域超出来的部分隐藏，使内容区域完全包含在该包含块中。
然而"overflow:hidden"还有另外一个特殊的用途，那就是清除包含块内子元素的浮动。我们先来看一个实例：
//html
<body>
<div class="parent">
<div class="child1"></div>
<div class="child2"></div>
</div>
</body>
// css
.parent{
width:300px;
background:#ddd;
border:1px solid;
}
.child1{
width:100px;
height:100px;
background:pink;
float:left;
}
.child2{
width:200px;
height:50px;
background:red;
上面的例子中，我们没有设置.parent的高度，所以.parent的高度默认为auto。由于.child1设置了浮动，脱离了文档流，所以.parent中只有.child2这一个文档流元素。现在我们给.parent添加"overflow:hidden"：
440
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
