フロートの後方に親子関係を持つボックスがあるとき、親要素の開始タグと子要素の開始タグが隣接している状態で子要素にclearプロパティを指定すると、子要素だけでなく親要素のボックスも回り込みが抑制されてしまう。
- Category: Internet Explorer, Windows, ver.6, ver.6 Under
- Tag: clear
例示
<div style="float:left; width:3em; height:3em; background:aqua;">Float</div>
<div style="background:yellow;">
<div style="clear:left; width:3em; height:3em; background:lime;">Clear</div>
</div>Float
Clear
黄色の背景領域は、フロートボックスとclearプロパティを指定したボックスの両方に掛かるはずです。
スクリーンショット
Opera7.23標準モード
WinIE6.0標準モード
補足
以下のいずれかに該当する場合、この不具合は発生しません。
- 親要素に上ボーダーを設置している。
- 親要素に上パディングを設置している。
- 親要素の開始タグと子要素の開始タグの間に文字列などが存在する。
修正状況
WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。
