清楚浮动的6个方法：

 <!-- 1，空标签清除浮动 ，推荐-->  

  <!-- 2，br标签清除浮动 ， 缺点：产生了一个换行，产生一定的高度-->   

 <!-- 3，给父盒子设置高度， 缺点：限制了高度，扩展性差--> 

   <!-- 4，给父盒子设置浮动, 缺点：影响父盒子后的元素-->  

  <!-- 5，给父盒子设置overflow , 缺点：对需要显示在父盒子外的元素造成影响-->   

 <!-- 6，通过伪元素清除浮动 推荐，没有缺点-->

浮动的盒子脱离文档流，不再占据空间，浮动的盒子层级高半级