繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS IE6奇数宽度或高度的bug
- CSS样式表
- 让图片 div居中实现代码
- 去掉点击链接时周围的虚线框outline属性
- CSS 优先级 详细分析
- 广告始终定位到网页右下角 css
- superLink 让伪链接更有可用性
- CSS 模块化 实现方法
- css 选择器 介绍
- CSS 语法 学习css入门者看
- firefox 滚动条消失引起页面抖动的问题
- 纯CSS定位的固定垂直居中浮动层代码，附经典解说 《详解定位与定位应用》
- 渲染CSS选择器
- CSS 兼容问题
- css textarea 高度自适应,无滚动条
- CSS 网页表单实现鼠标悬停交互效果
- 鼠标激活显示背景色网页特效CSS代码
- CSS制作用户登录和用户注册的用户体验表单
- CSS代码 注释的3种方法
- 网页头部css代码优化实例
- IE7和IE8的兼容性问题
- CSS 网页布局网页制作技巧总结
CSS样式表 中的 CSS IE6奇数宽度或高度的bug
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 80 ::
收藏到网摘: 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
