繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS实例教程:IE6奇数宽度或高度的bug
- CSS样式表
- 分页显示之超级提速版
- 兼容多浏览器实现半透明(Opera ie firefox)
- 解析IE, FireFox, Opera 浏览器支持Alpha透明的方法
- utf8和unicode编码究竟是什么关系？有何区别?
- XHTML下css+div布局总结 超强推荐
- 在IE下拖动滚动条时border消失的解决方法
- CSS中常用的单位
- 有关表格边框的css语法整理(1)
- 中文排版CSS心得
- 一个针对IE7的CSS Hack
- css也疯狂! 用background 插入flash播放器
- 如何解决下拉菜单被flash覆盖的问题
- 网页中关闭IE的图像工具栏和XP主题
- 解决IE升级后Flash线框问题
- em px的关系
- 在iframe中隐藏横向滚动条的方法大全
- Iframe自适应其加载的内容高度
- 固定右栏宽度, 左栏内容先出现同时自适应宽度的布局
- IE Bug--浮动对象外补丁的双倍距离的解决方法
- 解决IE7以下版本不支持无A状态伪类的几种方法
CSS样式表 中的 CSS实例教程:IE6奇数宽度或高度的bug
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-28 浏览: 124 ::
收藏到网摘: n/a
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代码
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
