【IE6的疯狂之一】IE6中奇数宽度或高度的BUG

时间：2009年03月26日作者：愚人码头查看次数:3,426 views评论次数：1

2009年03月12日 10:50:09更新：

今天再和啄米鸟讨论的时候发现IE6下奇数高度也有这个BUG！

请先用IE6看DEMO：http://www.css88.com/demo/IE6_bug/IE6_bug_1.html

IE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div（right:0），

如图：

 

可是在IE6下查看，却变成了right:1px的效果了：

 

晕啊，IE6还有奇数宽度的bug，解决方案就是将外部相对定位的div宽度改成偶数。

查看源码：

 

CSS代码
  1. #out {   
  2. width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/  
  3. height: 300px;   
  4. position: relative;   
  5. background:#FF0000;   
  6. color:#FFF;   
  7. }   
  8. #inn {   
  9. width: 200px;    
  10. height: 250px;   
  11. position: absolute;   
  12. top: 0px;   
  13. right: 0px;   
  14. background:#000000;   
  15. }  

 

XML/HTML代码
  1. <div id=“out”>  
  2.   <div id=“inn”>此处为内部绝对定位的 DIV</div>  
  3. </div>  

声明: 本文采用 BY-NC-SA 协议进行授权 | WEB前端开发
转载请注明转自《【IE6的疯狂之一】IE6中奇数宽度或高度的BUG》

如果你读了我的文章，觉得有帮助： 说明
分类：html+css

您可能感兴趣的文章

1条评论
  1. Ann留言于:2010年07月10日14:55

    ie7下页存在此bug

    [回复]

发表评论

*

*