当前位置:
首页 > 网站相关 > div+css > 有关于IE6双倍边距的解决办法

有关于IE6双倍边距的解决办法

IE6双倍边距的问题(明明margin或padding写的是10px,FF和IE7效果正常,IE6出来的效果却是20px,恰巧多了10px)相信困扰了很多初学者啦~ 前几日做一个医院的活动页面的时候,恰巧也遇到了这样的问题。整个页面的代码都重新看过了,都未能发现问题所在,结果百度了一下,却知道,原来又是IE6在做怪!(此为IE6程序漏洞)医疗行业也是属于服务行业呀,我的BOSS无法放弃IE6,我也只得想办法兼容它了。网上有查到很多的方法呀,我选择了最为实用,代码也是最简洁的方法来。

还是来看看实例吧,更加容易理解。

正常的代码是这样的:

#daima { width:250px; height:200px; border:1px solid #999; background:#fff; margin:10px;}

(出来效果是这样的):
有关于IE6双倍边距的解决办法

边距明明定的是10PX出来的却是20PX;

修正代码是这样的:

    #daima { width:250px; height:200px; border:1px solid #999; background:#fff; margin:10px!important; margin:5px;}
    此处需要注意的是:IE6只识别最后一个属性,换句话说,如果你把margin:5px;写到margin:10px !important;前面的话,IE6也是识别不了没有任何效果的。注意啦!

(出来效果是这样的):
嗯哼,要的就是这效果
有关于IE6双倍边距的解决办法

!important 是写给IE7和FF的。因为IE6是不认识!important的

再来看一下两个图的对比

有关于IE6双倍边距的解决办法

好啦~ 是不是很简单咧~~