繁體中文当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > IE6中奇数宽高的BUG
- 心得技巧
- 产品设计:在时空人综合的情况看待产品
- 产品市场思考:越来越担心360安全卫士
- 在互联网面前，音乐产业太被动了
- 视觉设计中的微软雅黑的字体设计
- 视觉设计理论:设计中的生理色差
- 用户体验设计理论:用户体验设计的方方面面
- 网页设计中保持清晰简洁的图片设计技巧
- 网页设计理论:各种元素在页面的综合设计
- WEBJX整理的24个Firefox Web开发插件
- BBC网站设计中的新网站视觉系统
- 互联网产品设计：适当的无序信息设计
- 17个用于设计开发的chrome扩展工具
- 用户体验设计实例:网易邮箱开放pop3
- 用户体验设计:用户常见的信息需求
- 审视IE6的过去 分析多年IE6改变的原因
- 网站用户体验 为增加顾客体验设计页面
- web开发人员谈IE8浏览器新特性
- 用户体验:我不喜欢豆瓣新首页的几点
- 用户体验设计实例分析:豆瓣新首页UI
- 优秀的设计团队需要的4种关键的成员
心得技巧 中的 IE6中奇数宽高的BUG
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-20 浏览: 53 ::
收藏到网摘: 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
