rightプロパティが親要素のボックスを基準にした配置を行わない

症状

ポジショニングした要素の子孫要素を絶対配置するとき、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.0Moz1.0での表示(標準モード)

WinIE6WinIE6.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では標準・互換モードともに不具合の発生が確認されました。

スポンサーリンク

関連記事

スポンサーリンク

navigator.userLanguage

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る