栏目导航
热点推荐
- 3个简单却重要的CSS技巧
- css基础:熟悉了解盒子模型(box m
- CSS Hack兼容各浏览器是否正常
- 最常用的12种CSS BUG解决方法与
- [分享]我的css hack观点
- CSS实例教程:分号引起页面混乱
- CSS教程:认真学习haslayout
- CSS教程:编写CSS代码时样式命名
- 如何在CSS中设定文本的尺寸
- CSS教程:CSS定位属性
- 新窗口打开超链接的正确方法
- 轻松搞定IE的CSS制作网页技巧3则
阅览排行
CSS:IE6奇数宽度或高度的bug
www.jz123.cn 2009-09-18 来源: 中国建站 愚人码头 我要投递新闻
今天再和啄米鸟讨论的时候发现IE6下奇数高度也有这个BUG!
请先用IE6看DEMO:http://www.css88.com/demo/IE6_bug/IE6_bug_1.html
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代码
<div id=“out”>
<div id=“inn”>此处为内部绝对定位的 DIV</div>
</div>
上一篇:CSS实例教程:分号引起页面混乱 下一篇:精品首页国庆背景代码