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

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

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


请先用IE6看DEMO:https://www.html.cn/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>??
赞(0) 打赏
未经允许不得转载:WEB前端开发 » 【IE6的疯狂之一】IE6中奇数宽度或高度的BUG

评论 1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    ie7下页存在此bug

    Ann9年前 (2010-07-10)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏