清除浮动的方法

1、给高度塌陷的元素写高度（比较死板）；

2、overflow:hidden;

触发了BFC：计算BFC区域高度，浮动元素参与计算；

会造成元素溢出部分隐藏；

3、在高度塌陷的元素里面做下面一行写一个空块元素，添加属性clear:both;

会产生很多空元素，造成代码冗余。降低性能；

4、万能清除法

给高度塌陷的元素起class名字：clearfix

（:after是个伪元素）

.clearfix:after{

content:””;

display:block;

height:0;

overflow:hidden;

visibility:hidden;

clear:both;