Html清除浮動

標籤：style   blog   class   code   java   tar   

精益求精方案一：

　　相對於空標籤閉合浮動的方法代碼似乎還是有些冗餘，通過查詢發現Unicode字元裡有一個“零寬度空格”，也就是U+200B ，這個字元本身是不可見的，所以我們完全可以省略掉 visibility:hidden了

1 .clearfix:after {content:"\200B"; display:block; height:0; clear:both; }2 .clearfix { *zoom:1; }.

精益求精方案二：

　　由 Nicolas Gallagher 大濕提出來的,原文:A new micro clearfix hack，該方法也不存在firefox中空隙的問題。

1 /* For modern browsers */2 .cf:before,.cf:after {3 content:"";4 display:table;5 }6 .cf:after { clear:both; }/* For IE 6/7 (trigger hasLayout) */7 .cf { zoom:1; }