如图：
可是在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
推荐阅读
- span 右浮动折行 解决ie6/7中span右浮动折行问题
- CSS 在IE6, IE7 和IE8中的差别
- 多种方法解决min-width 不兼容ie6的问题
- IE6中a标签同时使用inline-block与text-indent时出现的BUG
- IE6 fixed的完美解决方案
- IE6的双倍,3px,注释引起的文字错位等几个BUG解决方法
- 多出一行字 解决在IE6下文字溢出的解决方法小结
- IE6图片元素img下出现多余空白的问题
- CSS针对IE6实现网页图片底部留出空白的方法
- IE6浏览器下resize事件被执行了多次解决方法