Home > Windows > Internet Explorer > ver.6 p要素などをフロートにすると上マージンが消える

p要素などをフロートにすると上マージンが消える

デフォルトで上下マージンが設定されている要素（p, form要素など）をフロートにすると、デフォルトの上マージンが消えてしまう。

例示

<p style="background:aqua;">前</p>
<p style="float:left; width:6em; background:lime;">フロート</p>
<p style="clear:left; background:aqua;">後</p>

前

フロート

後

p要素はデフォルトで上下に幅1emのマージンが設定されています。フロートのマージンは相殺されないので、フロートの上に幅2emの空間ができるはずです。

Ns7.1 Netscape7.1標準モード

WinIE6.0標準モード

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