清除浮动的几种方式

//内层元素最后添加一个div 添加属性
.clear-fix：both;

//父元素设置
.clearfix:after{  /*最简方式*/
content: '';
display: block;
clear: both;
}
/* 很多公司的方式
.clearfix:after{
content: '';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
*/
.clearfix{ /*兼容 IE*/
zoom: 1;
}

//很low 生产中基本不用

//父元素设置
overflow: hidden;
zoom: 1;/*兼容 IE*/

//父级元素
flow:left;
//影响 文档流会填充他所占据的位置
//方法：父级添加一个兄弟元素 添加clear:both;

//父级元素
position:absolute;
//影响 文档流会填充他所占据的位置