坑爹的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兼容的。