IE6兼容的一点见解

      今天在做首页标题栏的页面时老是有一个div定义的高度位置，IE6和IE7相差3px，导航栏的DIV条的位置在IE7和IE6不同，IE6高3个PX。后来在网上找到，使用 !important的方法解决了这个问题。在设定导航栏到顶的距离：margin-top的数值时，定义两行margin-top的值，在其他浏览器使用的值后面加上!important，然后再写上IE6用的值。这样由于ie6不识别!important，则取后面的值，别的浏览器就取前面的值。

如：

  .box{

       margin-top:60px !important;  /*其他浏览器使用的值*/

       margin-top:63px;                   /*IE6浏览器使用的值*/

   }

      这样IE6只取到63px，别的浏览器使用60px的值，这个方法很有用，用途很广泛。

      经过这样改了以后发现还是有问题，我多次调整后发现，这个不是高度兼容性的问题，是我的这个外层DIV里面有另一个子DIV高度溢出了，而IE6和别的浏览器的处理方法不同导致，后来我把溢出消除就没有这个高度差的问题了。