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

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

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

例示

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

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

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

N7.02での表示（標準モード）

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

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

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

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