有时候我们给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