繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS IE6奇数宽度或高度的bug
- CSS样式表
- CSS Sprite的一些最佳实践方法
- 绝对定位(absolute)和浮动定位(float)分析
- IE 选择符的4095限制
- CSS IE6奇数宽度或高度的bug
- CSS Border属性制作小三角
- 清理CSS样式的几个有用工具
- IE7 position:relative的问题
- CSS 网页布局中易犯的10个小错误小结
- 纯CSS搞定按钮、链接点击时的虚线
- CSS经典技巧十则
- CSS超级技巧大放送合集
- 漂亮的表格
- 首届世界CSS设计大赛结果揭晓
- HTML表单元素覆盖样式元素问题及其补救之道
- 网页美工制作规范
- top、clientTop、scrollTop、offsetTop
- 双表法调用样式表
- 典型的三行二列居中高度自适应布局
- 用!important解决IE和Mozilla的布局差别
- CSS hack浏览器兼容一览表
CSS样式表 中的 CSS IE6奇数宽度或高度的bug
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 53 ::
收藏到网摘: n/a
如图：
可是在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代码
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;
}
<div id=“out”>
<div id=“inn”>此处为内部绝对定位的 DIV</div>
</div>
<div id=“inn”>此处为内部绝对定位的 DIV</div>
</div>
评论 (0) All
