云南网站建设创新企业 昆明多彩网络公司

|网页对话|电话:0871-63215311

ie6下出现双倍margin bug的条件和解决办法

来源:昆明多彩网络公司 日期:2011-01-04 阅读: 发表评论

在ie6下有一个著名的bug,就是在给对象设置了float的时候,再设置其margin属性就会出现双倍的margin问题bug,解决办法是给对象加上display:inline属性就可解决。

IE6下有一个著名的margin双倍bug,出现这个bug需要具备三个条件:

1、浏览器为IE6,大于IE6的ie系列版本和火狐等其他浏览器不会出现这个情况。

2、对象设置了float属性和宽度(可选),如.ILeft { float: left; width: 150px;}

3、对象设置了margin属性,如.ILeft { float: left; width: 150px; margin-left: 15px}

以上的class为ILeft的层在IE6下浏览就会出现左边距为30px的情况,而不是正常想象中的15px。

解决办法是给对象的css属性加上 display:inline 即可解决该bug,代码:.ILeft { float: left; width: 150px; margin-left: 15px; display:inline}。

再次刷新网页,在IE6下的margin双倍的bug就消失了,注意,该bug只针对IE6有效。

发表评论评论列表(有 条评论)

网页对话 0871-63215311