繁體中文当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > IE6中奇数宽高的BUG
- 心得技巧
- 网页制作试题 看看你都会做吗?
- 创建吸引访问者的网站内容的14种方法
- 网页制作与包子的关系(心得分享)
- 整理了一些自认为不错的国内设计网站
- 网页设计师应该具有的素质和能力水平
- 比较文档位置
- 网页设计总结
- 网页摹仿和抄袭的心得论
- 设计网页前端界面必备的技能
- 网页应该设计为多少像素才合适?
- 国内中文域名的普及掀起了新一轮高潮
- 浏览器IE8将全面兼容Web网页标准
- 网页设计教学或学习计划
- 网页改版是家家难念的经
- 网页设计:当标题不能显示完整的时候
- 网页设计经验和技巧总结
- IE8采用多兼容模式正常显示网页
- 三步解决IE地址栏ICON显示问题
- 网页设计师的成长经历
- 网页设计的尺寸和网页中广告设计的规则
心得技巧 中的 IE6中奇数宽高的BUG
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-20 浏览: 46 ::
收藏到网摘: 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;
}
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>
<div id=“inn”>此处为内部绝对定位的 DIV</div>
</div>
评论 (0) All
