常州网络公司首页 >>> WEB编程 >> DIV+CSS

IE6 的margin问题,IE6里margin距离双倍BUG的解决办法

发布时间:2010-3-30 13:40:17   浏览次数:8035

今天在对公司行业网站改版时,考虑用到DIV+CSS,在测试过程中,发现,在IE6里的margin的距离总是和基本版本的不一样,突然想到在IE6里有margin距离双倍的BUG。唯一的解决办法只用display: inline,下面用例子来说明五上。

比如:
<div id="example">
 <ul>
  <li>111</li>
  <li>222</li>
  <li>333</li>
 </ul>
</div>

我们一般CSS是:
#example{}
#example ul{margin:0px;padding:0px;list-style:none;}
#example ul li{margin:5px;padding:0px;list-style:none;flag:left;}

上面代码中,我们把margin设计为5,但在IE6里看的距离大于5,一般是10左右。在其他浏览器里都是正常的5,这里我们要把li里加个display: inline,CSS如下:

#example{}
#example ul{margin:0px;padding:0px;list-style:none;}
#example ul li{margin:5px;padding:0px;list-style:none;flag:left;display: inline;}

这样,不管在哪个版本的浏览器里,距离都显示为5。

方法很简单,但是不加就是不行。呵呵

上一条:DIV+CSS背景一张整图(css sprites)
下一条:CSS样式,在一定的范围内,绝对定位
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com