【ie6.0 bug总结之一】奇数宽高的BUG
【ie6.0bug总结之一】奇数宽高的BUG
悲剧的IE6啊，为何有如此多bug，但用户市场又那么大，真让我们搞网站的纠结。今天就遇到了一个非常奇怪但又很细节的一个bug，一个外部的相对定位div，内部一个绝对定位的div（right:0），如下图所示：
可是在IE6下查看，却变成了right:1px的效果了，是特效吗，不像：
结果发现只要外部div的高或宽为奇数时，就会出现如上1px的问题，修复问题的解决方案就是把外部div的高或宽设为偶数。
以下是css代码：
1 #outer { 2 3 width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/ 4 5 height: 300px; 6 7 position: relative; 8 9 background:#CC9900; 10 11 color:#FFF; 12 13 } 14 15 #inner { 16 17 width: 200px; 18 19 height: 250px; 20 21 position: absolute; 22 23 top: 0px; 24 25 right: 0px; 26 27 background:#FFCC00; 28 29 }
以下是html代码：
1 <div id="outer"> 2 3 #outer 相对定位 4 5 <div id="inner">#inner 绝对定位</div> 6 7 </div>
虽然这只是1px的问题，非常非常细节，但对于那些最求完美网页设计的人来说这个bug是难以忍受的，虽然上面的解决方案有点投机取巧，但我可以告诉你，解决的ie6 bug的方法大部分都这样，勉强用着吧。
