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*/


本文固定链接: http://20tc.com/ie6-double-margin.html | TC的博客

该日志由 TC 于2012年04月28日发表在 CSS 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: IE6双倍margin问题解决方法 | TC的博客
关键字:

IE6双倍margin问题解决方法:目前有4 条留言

  1. 板凳
    海纳百川 China Google Chrome Windows :

    微软马上不更新xp啦,估计ie6差不多也Game Over啦。

    2012-05-02 下午 4:39 [回复]
    • TC China Google Chrome Windows :

      不知道最后一次更新是什么时候,那我们完游戏的又会选择WIN7还是暂时性质的保留WINXP

      2012-05-04 上午 8:40 [回复]
  2. 沙发
    Yong China Google Chrome Linux :

    IE6、入土为安吧,吼吼 😆

    2012-04-28 上午 11:56 [回复]
    • TC China Google Chrome Windows :

      此话尚早。哈哈

      2012-04-28 下午 4:52 [回复]

发表评论


*

快捷键:Ctrl+Enter

无觅相关文章插件,快速提升流量