如何深入探究margin在FFIE6IE7中的兼容问题

这篇文章给大家介绍如何深入探究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中的兼容问题就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

文章标题：如何深入探究margin在FFIE6IE7中的兼容问题
路径分享：http://jkwzsj.com/article/ipsoss.html