- （複数の子要素または多くの内容物を含む）
右フロート - 上記のフロートの直後にclearプロパティで回り込みを抑制したフロートでない要素
これら全ての要素を子に持つ要素で、左や上のマージンが無視されることがある。
※左フロートでは左マージンが、右フロートでは左マージンと上マージンが無視されます。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: float, margin
例示
<div style="margin:1em; background:aqua;">
<div style="float:right; width:50%;">float</div>
<div style="clear:right;">clear</div>
</div>float
clear
親のdiv要素のボックスの四方に幅1emのマージンが設置されるはずです。
スクリーンショット
Netscape7.1標準モード
WinIE6.0標準モード
補足
以下のいずれかの方法を用いることで不具合を回避することができます。
- 問題のフロートを含むボックスの上パディングに0より大きい値を指定する。
- 問題のフロートを含むボックスのwidthプロパティにauto以外の値を指定する。
修正状況
WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。
