IE6下margin双倍的问题解决办法
2013-02-01 10:01
288 查看
有时候我们给div一个margin属性的时候,在IE6下会发现,这个margin间距产生了双倍的效果,例如:
这段代码在FF和IE7以上版本均正常,但是在IE6下,左间距就会变为20px,这是因为,IE6下当div有float浮动属性时margin就会产生双倍间距的bug。如果我们不加float:left;那么margin依然是正常的。
然而,float又是我们必须用的,下面有几种解决办法:
①:给div一个display:inline属性,变为
这样IE6也会正常
②通过css hacks来针对IE6和其它版本浏览器写不同的css样式表,css hacks详情请看本人专门介绍的另一篇文章
/article/6020464.html
转载请注明:http://www.tea119.com
<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详情请看本人专门介绍的另一篇文章
/article/6020464.html
转载请注明:http://www.tea119.com
相关文章推荐
- ie6 双倍margin 的解决办法
- 解决IE6下margin双倍边距问题
- IE6 / IE7 / Firefox 的margin问题解决办法
- IE6、IE7、Firefox中margin问题解决办法
- IE6 / IE7 / Firefox 的margin问题解决办法
- IE6/IE7下margin-bottom失效兼容解决办法及双倍边距问题
- ie6使用了float:属性后,margin的值为双倍距离解决办法
- IE6、IE7、Firefox中margin问题解决办法
- 如何解决IE6下的双倍margin问题
- IE6中float:left后导致margin-left双倍边距的BUG解决办法就是是加上display:inline
- ie6 margin 双倍边距问题
- margin-bottom在IE6和IE7下失效的解决办法
- css margin-left在IE6下的问题的解决方法
- IE6下伪类hover失效问题及解决办法
- ie6 margin双倍问题
- IE6 window.location不工作问题的解决办法
- 【转】IE6下margin双倍边距Bug的处理办法
- (转)IE6/IE7/IE8/Firefox的CSS各种兼容margin问题解决办法
- ie6,ie7,ie8 ie的还原问题解决办法
- ie6 表格tr不兼容border问题及解决办法