浏览器兼容问题

一.IE6,7不支持小于12px的盒子（任何小于12px的盒子在IE6中都大）

解决方法：将元素的字号设置极小（小于盒子的高），比如可以设置为0px。（因为我们既然用了微型盒子，想必也不是用它来显示什么内容的，就可以设置字号为0px。）
eg：height：4px；font-size：0px；

二.浏览器hack

IE6的hack：只要给css属性前加‘_’,即为单独为IE6设置的属性。
hack就是针对某一浏览器做兼容。
eg：div {
height：10px；
_font-size:0px;
}

三.IE6不支持overflow：hidden清除浮动

解决方法：_zoom:1;
zoom为放大倍数。实际上，_zoom：1；能够触发浏览器hasLayout机制（了解即可），该机制只有IE6有。
注意：IE6支持overflow：hidden隐藏溢出边框的内容，不支持的是用overflow：hidden来清除浮动的这个偏方。
也称“伴生属性”。

四.IE6的双倍margin bug

当出现连续浮动的元素携带和浮动方向相同的margin时，队首元素会出现双倍margin。
解决：让浮动方向与margin方向相反；或者单独设置队首元素margin值为其他元素margin值的一半。

五.IE6 3px bug

用margin-right踹父元素，并且自身向右浮动，出现3pxbug；