IE6双倍margin问题解决方法
IE6已经快被淘汰了,很多人也开始不再调试IE6了,但是还是有些人在使用,针对这一群人,我们也行还要折腾IE6下的各种蛋疼的问题,margin本来是小问题的,但是本人也容易忘记,所以就在这里记下,方便以后使用。
IE6下便出现了双倍的外边距。
解决的办法:
1、在li设置“display:inline”
2、不是办法的办法,避免margin的方向与float的方向相同。例如写成这样:ul li{ float:left; margin-right:5px;}
3、有一次上面所有的方式都不行,用这个display:inline-block;就可以了,呵呵
网上另外的方法也可以参考:
给你介绍小技巧。可以使用以下办法来书写兼容浏览器的CSS代码:
第一种:
.div{ background:orange;/*ff*/ *background:green!important;/*ie7*/ *background:blue;/*ie6*/ }
第二种:
.div{ margin:10px;/*ff*/ *margin:15px;/*ie7*/ _margin:15px;/*ie6*/ }
第三种:
#div{color:#333;}/*ff*/ *html#div{color:#666;}/*IE6*/ *+html#div{color:#999;}/*IE7*/
微软马上不更新xp啦,估计ie6差不多也Game Over啦。
2012-05-02 下午 4:39不知道最后一次更新是什么时候,那我们完游戏的又会选择WIN7还是暂时性质的保留WINXP
2012-05-04 上午 8:40IE6、入土为安吧,吼吼 😆
2012-04-28 上午 11:56此话尚早。哈哈
2012-04-28 下午 4:52