https://bluefishfx.win/archives/12

（1）一般清除浮动我都会想到在元素里面运用clear:both，但是，一般这种适用于当某个元素的上边或者下边的元素是浮动的，此元素无法像平时那样正常展示时。

（2）当元素包含浮动元素时，父级元素无法被里面的元素撑开，为了让父级可以被子元素内容顺利撑开，需要在父元素闭合前添加一个clear：both的元素用于清除浮动。

（3）使用:before、:after来清除浮动

 /* For modern browsers */          
   .clearfix:before,
   .clearfix:after {
      content:"";
      display:table;
    }

   .clearfix:after {
      clear:both;
   }

  /* For IE 6/7 (trigger hasLayout) */
   .clearfix {
      zoom:1;
    }