CSS：几个IE6浏览器的兼容问题

我们这里先介绍一下浏览器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;