来自这里
css 子元素设置为float之后，脱离文件流，导致父元素撑不起来，解决办法
- 父元素也设置为float（不推荐，会影响父元素后面都元素）
- 父元素添加 overflow:hidden（诡异的css）
- 建立一个空的子div
<div style="clear: both"></div> - 通过伪类:after清除浮动，具体如下
<div class="father">
<div class="son">子元素</div>
</div>
.son {
float: left;
}
.father:after {
content: "";
height: 0;
width: 0;
visibility: hidden;
clear: both;
display: block;
}
