如圖:

可是在IE6下查看,卻變成了right:1px的效果了:

IE6還有奇數(shù)寬度的bug,解決方案就是將外部相對定位的div寬度改成偶數(shù) 。
查看源碼:
CSS代碼#out {
width: 609px;/*這里寬度為奇數(shù),bug就出現(xiàn)了!!改成偶數(shù)就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此處為內(nèi)部絕對定位的 DIV/div
/div
推薦閱讀
- span 右浮動折行 解決ie6/7中span右浮動折行問題
- CSS 在IE6, IE7 和IE8中的差別
- 多種方法解決min-width 不兼容ie6的問題
- IE6中a標(biāo)簽同時使用inline-block與text-indent時出現(xiàn)的BUG
- IE6 fixed的完美解決方案
- IE6的雙倍,3px,注釋引起的文字錯位等幾個BUG解決方法
- 多出一行字 解決在IE6下文字溢出的解決方法小結(jié)
- IE6圖片元素img下出現(xiàn)多余空白的問題
- CSS針對IE6實現(xiàn)網(wǎng)頁圖片底部留出空白的方法
- IE6瀏覽器下resize事件被執(zhí)行了多次解決方法
