清除浮动的7大种方法

瞧一瞧高度塌陷的问题咯，掌握了这些方法，再也不怕高度塌陷了，也不怕面试了哦

1.给父元素设置overflow:hidden或者overflow:auto；

2.给父元素设置display：inline-block、table-cell、table等属性;

3.给父元素设置左右浮动:float:left/right;

4.给父元素设置position:absolute或者position:fixed;

5.在父元素最后添加一个clear：both属性的块元素（是子元素）

6.给父元素设定高度;

7.使用伪类

.clearfix::after{content:'';display:block;height:0;clear:both;visibility:hidden;}

.clearfix{zoom:1;}//针对IE浏览器