我们这里先介绍一下浏览器hack。hack就是“黑客”的意思,在这里就是指使用浏览器提供的后门,针对某一种浏览器做兼容。IE6 留了一个后门,就是只要给css属性之前,加上下划线,这个属性就是IE6认识的专有属性。
1、IE6 浏览器不支持高度小于12px的盒子,任何小于12px的盒子,在IE6中看都偏大,原因是在IE6下,所有标签的最小高度都是为12px,解决办法很简单,就是将盒子的字号设置小(小于盒子的高),比如0px。
height: 4px;
_font-size: 0px;
2、IE6不支持使用overflow:hidden清除浮动(但支持溢出隐藏效果),解决方法是添加一条伴生属性:
overflow: hidden;
_zoom:1;
3、IE6的双倍margin bug,当出现连续浮动的元素携带和浮动方向相同的margin时,队首元素会出现双倍margin。 解决方法:
<1>使浮动的方向和margin的方向相反。
float: left;
margin-right: 40px;
<2>使用hack,单独给队首的元素,写一个一半的margin。
_margin-left:20px;