フロート化したh1要素に続くブロックボックスが回り込んで表示される

症状

h1要素をフロートにしているとき、h1要素の直後にあるdiv要素ボックスの幅がフロートに重ならないように縮小される(置換ブロック要素のようになる)。

例示

<h1 style="float:left; width:3em; margin:0;">H1</h1>
<div style="border:2px solid blue;">
ブロック<br>ブロック<br>ブロック</div>

H1

ブロック
ブロック
ブロック

div要素のボックスサイズ算出時にフロートは影響を与えないはずです。

スクリーンショット

N7N7.02での表示(標準モード)

補足

h1要素の後にある要素がdiv要素でない場合はバグが発生しません。

<h1 style="float:left; width:3em; margin:0;">H1</h1>
<h2>h2-1</h2><h2-2>h2</h2>

H1

h2-1

h2-2

このバグの例とスクリーンショットをにゃおりんぱげ最小構成てすとで見ることができます。

修正状況

MacIE5.1〜5.2で不具合の発生が確認されています。

関連記事

スポンサーリンク

pull

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

上に戻る