清除浮动的办法
1.直接设置父级块元素高度，但某些时候 不方便直接设置。
2额外标签法(w3c推荐，但目前基本不用)步骤1:在父级元素内部的最后加一个块元素 步骤2:给额外添加的块元素 设置 clear:both;弊端 会增加大量冗余标签
3.单伪元素法 步骤1: 设置公共类，在该类上设置伪元素并让该伪元素能清除浮动
.clearfix:after{
content:'';
display:block;
clear:both;
height:0;
visibility:hidden;
}步骤2: 在浮动元素的父级 添加 上述公共类 clearfix
4.双伪元素法(腾讯方案)步骤1： 设置公共类
.clearfix:before,.clearfix:after{
content:'';
display:table;
}
.clearfix:after{
clear:both;
}步骤2: 在浮动元素的父级 添加 上述公共类 clearfix
5.给父级添加 overflow:hidden; 弊端: 当父元素 需要溢出时，溢出部份会被隐藏掉