繁體中文当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > IE6中奇数宽高的BUG
- 心得技巧
- 设计理论:让网上购物真实模仿逛商店的体验
- 分享Facebook的设计团队的设计理念
- 设计参考:30个简单整洁的网页设计实例
- 设计灵感捕捉:参考企业网站设计实例
- 设计理论:进度条内嵌百分比开发设计
- 用户体验设计:tagging系统及其UI设计
- 换个角度体验UED
- 设计理论参考:用户研究和竞品分析方法
- 设计理论:结合网站特点挖掘精彩的亮丽
- 社会化音乐网站取悦和网聚客户的设计理论
- 设计理论之设计师的职业规划
- 设计理论参考:关于浊色(不饱和色)
- 设计理论参考:亚马逊的进化
- 项目开发:绘制线框流程图
- 2009年最新的十个网页设计新趋势
- 用户体验:Login这个词用法是错误的
- 记住夏天:生机盎然绿色背景网站设计实例欣赏
- Loading状态图标在线制作网站
- 设计参考:48个时尚网站设计界面实例
- 网页设计指导:五种常用精美网页风格
心得技巧 中的 IE6中奇数宽高的BUG
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-20 浏览: 92 ::
收藏到网摘: 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
