常见清除浮动方法有哪些？

1. 在浮动元素后面添加 clear:both 的空 div 元素

   <div class="container">
       <div class="left"></div>
       <div class="right"></div>
       <div style="clear:both"></div>
   </div>

　　

2. 给父元素添加 overflow:hidden 或者 auto 样式，触发BFC

   <div class="container">
       <div class="left"></div>
       <div class="right"></div>
   </div>
   
   .container{
       width: 300px;
       background-color: #aaa;
       overflow:hidden;
       zoom:1;   /*IE6*/
   }
   

   3.万能清除法 after伪类

   <div class="container clearfix">
       <div class="left"></div>
       <div class="right"></div>
   </div>
   
   .clearfix{
       zoom: 1; /*IE6*/
   }
   .clearfix:after{
       content: ".";
       height: 0;
       clear: both;
       display: block;
       overflow:hidden;
   }