フロート化した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で不具合の発生が確認されています。

スポンサーリンク

関連記事

スポンサーリンク

REGR_SLOPE関数 回帰直線の傾きを求める

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

上に戻る