CSS IE6奇数宽度或高度的bug
2009-09-22 00:32
441 查看
如图:
可是在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>
可是在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>
相关文章推荐
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- IE6下css设置容器高度的BUG不能小于某个值
- 转载 CSS设置IE6中容器高度BUG
- 转载 CSS设置IE6中容器高度BUG
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- 神奇的IE6、IE7,莫名其妙的bug——单元格的高度会影响文本框的宽度?
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法
- 【IE大叔开玩笑】之——CSS设置IE6中容器高度的BUG
- 用CSS控制图片最大宽度或最大高度 兼容IE6、FIREFOX等
- img在IE6下用CSS限制最大高度、最大宽度
- CSS的最大高度、最小高度及宽度在IE6下没有效果问题
- 兼容IE6的网页最小最大宽度和最小最大高度css写法
- IE6下a标签无法点击bug----position和定义的宽度和高度
- css圆角box(宽度自适应)(依据三列布局修改,ie6有bug)
- CSS IE6、7下关于Position的一个bug问题分享
- HTML+CSS结构中IE6BUG全集及解决方案
- IE6中CSS常见BUG全集及解决方案
- css-IE6的3像素bug(当浮动元素与非浮动元素相邻时)
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳