IE6下margin双倍的问题解决办法

有时候我们给div一个margin属性的时候，在IE6下会发现，这个margin间距产生了双倍的效果，例如：

<div style="float:left;margin-left:10px;">网站首页</div>

这段代码在FF和IE7以上版本均正常，但是在IE6下，左间距就会变为20px，这是因为，IE6下当div有float浮动属性时margin就会产生双倍间距的bug。如果我们不加float:left;那么margin依然是正常的。

然而，float又是我们必须用的，下面有几种解决办法：

①：给div一个display:inline属性，变为

<div style="float:left;display:inline;margin-left:10px;">网站首页</div>

这样IE6也会正常

②通过css hacks来针对IE6和其它版本浏览器写不同的css样式表，css hacks详情请看本人专门介绍的另一篇文章

http://www.cnblogs.com/wshiqtb/archive/2012/11/06/2756913.html

 

 

转载请注明：http://www.tea119.com