当前位置:asp编程网>技术教程>Css3教程>  正文

IE6中float产生双倍margin的解决方案

2012-04-16 09:01:42   来源:张家界新派工作室    作者:小军   浏览量:2797   收藏

IE6的兼容性是网页制作中头疼的问题,IE6中用了float:left之后会导致出现margin-left双倍边距的BUG,这里分享一下IE6中float产生双倍margin的解决方案,收藏备忘。

比如我们需要浮动到左边并具有10px的边距,CSS代码如下:

.boxLeft {float:left;margin-left:10px;}
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

在IE7,Firefox等浏览器下能正确解释左边距10px。但是在IE6下会理解为左边距20px。也就是说,在与浮动同方向的空白边会加倍。解决方法是加上:display:inline;

.boxLeft {float:left;margin-left:10px;display:inline;}
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)

以上代码可解决双倍margin的问题。



关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网