如何深入探究margin在FF IE6 IE7中的兼容问题

这篇文章给大家介绍如何深入探究margin在FF IE6 IE7中的兼容问题，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

和大家重点讨论一下margin在FF/IE6/IE7中的兼容，设置为float的DIV在IE下设置的margin会加倍。这是一个IE6都存在的bug。

margin在FF/IE6/IE7中的兼容

设置为float的DIV在IE下设置的margin会加倍。这是一个IE6都存在的bug。解决方案我总结了两个，当然可能还有其他的方法,知道的可以留言分享呵呵。

解决方法一：

是在这个DIV里面加上display:inline。
如：

＜#DIVid=”imfloat”> 相应的css为  #imfloat{  float:left;  margin:5px;/*IE下理解为10px*/  display:inline;/*IE下再理解为5px*/}

解决方法二：

通过!important这样的手段hack。（这里面有3种形式）

***种：

.DIV{  background:orange;/*ff*/  *background:green!important;/*IE7*/  *background:blue;/*IE6*/  }

第二种：

.DIV{  margin:10px;/*ff*/  *margin:15px;/*IE7*/  _margin:15px;/*IE6*/  }

第三种：

#DIV{color:#333;}/*ff*/  *html#DIV{color:#666;}/*IE6*/  *+html#DIV{color:#999;}/*IE7*/

关于如何深入探究margin在FF IE6 IE7中的兼容问题就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。