通常配置以外で配置された要素に後続する要素の上マージンが無視される

症状

絶対配置(position: absolute;)・固定配置(position: fixed;)・フロートの後に置かれている通常配置要素の上マージンが無視されてしまう。

例示

<div style="position:absolute; height:40px; border:2px solid red;">Absolute</div>
<div style="margin: 50px; border:2px dashed blue;">Static</div>
Absolute
Static

絶対配置したdiv要素の高さが40px、後続するdiv要素の(上)マージンが50pxなので、2つのdiv要素は重ならずに表示されるはずです。

スクリーンショット

例示ソースをページ先頭(body開始タグ直後)に置いたときのものです。

Op6Opera6.05での表示

Moz1.0.1Moz1.0.1での表示

修正状況

N6.2.3/N7/Moz1.0.1では標準・互換モードともに不具合の発生が確認されました。

スポンサーリンク

関連記事

スポンサーリンク

azimuth 声が聞こえてくる角度を指定する

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

上に戻る