フロート化した要素の直前や直後にある要素は、親要素との間で上下マージンが相殺されない。フロートの直後にある要素の上マージン、フロートの直前にある要素の下マージンでこの現象が発生する。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, margin
例示
<div style="margin:0; border:0; padding:0; background:yellow;">
<div style="float:left; width:6em; border:2px solid blue;">フロート</div>
<div style="margin:1em; background:aqua;">マージン</div>
</div>フロート
マージン
親div要素にはパディングもボーダーも存在しないので、子div要素の上下マージンは親div要素の上下マージンと相殺されます。
スクリーンショット
Netscape7.1標準モード
WinIE6.0標準モード
修正状況
WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。
