ポジショニングした要素の子孫要素を絶対配置するとき、rightプロパティは指定した値どおりの配置をしない。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: right, ボックス
例示
<div style="position:relative; border:2px solid red;">
A
<div style="position:absolute; right:0px; top:0px; background:lime;">B</div>
</div>
A
B
Bのdiv要素はAのdiv要素から右から0px、上から0pxの位置に配置されるはずです。
スクリーンショット
Moz1.0での表示(標準モード)
WinIE6.0での表示(標準モード)
補足
問題が起きる要素の親要素で幅を指定(widthプロパティ)すればこの不具合を回避できます。
<div style="position:relative; border:2px solid red; width:100%;">
A
<div style="position:absolute; right:0px; top:0px; background:lime;">B</div>
</div>
A
B
修正状況
WinIE6.0では標準・互換モードともに不具合の発生が確認されました。


