坑爹的IE6相容性問題

第一：IE6不支援小於12px的盒子
解決方法很簡單，就是將盒子的字號，設定小（小於盒子的高），比如0px。

height: 4px;
font-size: 0px;

瀏覽器hack，就是瀏覽器提供的後門，針對某一種瀏覽器做相容。IE6留了一個後門，就是隻要在css屬性之前加上下劃線，這個就是專門用來對付IE6的。

解決微型盒子，正確寫法：

height: 10px;
_font-size: 0;

否則IE6不支援小於12px的盒子。

第二：IE6不支援用overflow: hidden來清除浮動的。需要使用_zoom: 1;（其實就是放大倍數1）。

完整寫法：

overflow: hidden;
_zoom: 1;

實際上，_zoom:1 能夠觸發瀏覽器hasLayout機制，這個機制IE6就有。

強調一點：overflow: hidden的本意，就是溢位盒子的border的東西隱藏，這個功能是IE6相容的。