消除浮动的方式

1.空div 

    <div class="clearfloat">

   div2
   </div>

.clearfloat{clear:both}

2.父级定义overflow:hidden
必须定义width或zoom:1，同时不能定义height，使用overflow:auto时，浏览器会自动检查浮动区域的高度
3.使用伪类 清除浮动

   div::after{
     content:".";        
     display:block;        
     height:0;        
     clear:both;        
     visibility:hidden;        

}