Internet Explorer (Windows) CSSバグリスト

フロートに隣接する要素は親要素との間で上下マージンが相殺されない(5.x/6.0)

症状

フロート化した要素の直前や直後にある要素は、親要素との間で上下マージンが相殺されない。フロートの直後にある要素の上マージン、フロートの直前にある要素の下マージンでこの現象が発生する。

例示

<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要素の上下マージンと相殺されます。

スクリーンショット

修正状況

• WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。