清除浮动的几种方法

/*第一种方式*/
div{
  ...
  clear:both
}
 
/*第二种方式,父级添加overflow属性*/
div{
  ....
   overflow: hidden;
}
 
/*第三种种方式,使用after伪元素清除浮动*/
div{
     /*伪元素是行内元素 正常浏览器清除浮动方法*/
      content: "";
      display: block;
      height: 0;
      clear:both;
      visibility: hidden;
    }
.clearfix{
        *zoom: 1;
    /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
 
}