首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>CSS教程>资讯:CSS:IE6奇数宽度或高度的bug

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实例教程:分号引起页面混乱 下一篇:精品首页国庆背景代码

评论总数:0 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图