使用before和after雙偽元素清除浮動

使用方法：

    .clearfix:before,.clearfix:after { 
      content:".";
      display:table;
    }
    .clearfix:after {
     clear:both;
    }
    .clearfix {
      *zoom:1;
    }

優點： 代碼更簡潔

缺點： 由於IE6-7不支持:after，使用 zoom:1觸發 hasLayout。

代表網站： 小米、騰訊等