2009年03月12日 10:50:09更新:
今天再和啄米鸟讨论的时候发现IE6下奇数高度也有这个BUG!
请先用IE6看DEMO:https://www.7psus5.com/demo/IE6_bug/IE6_bug_1.html
IE6真是太疯狂了。今天由于项目需要做了这么一个布局:一个外部的相对定位div,内部一个绝对定位的div(right:0),
如图:
?
可是在IE6下查看,却变成了right:1px的效果了:
?
晕啊,IE6还有奇数宽度的bug,解决方案就是将外部相对定位的div宽度改成偶数。
查看源码:
?
CSS代码
- #out?{ ??
- width😕609px;/*这里宽度为奇数,bug就出现了!!改成偶数就OK了*/??
- height😕300px; ??
- position😕relative; ??
- background:#FF0000; ??
- color:#FFF; ??
- } ??
- #inn?{ ??
- width😕200px;? ??
- height😕250px; ??
- position😕absolute; ??
- top😕0px; ??
- right😕0px; ??
- background:#000000; ??
- }??
?
XML/HTML代码
- <div?id=“out”>??
- ??<div?id=“inn”>此处为内部绝对定位的?DIV</div>??
- </div>??
ie7下页存在此bug