リストアイテム要素内でフロートのclearが効かない

症状

clearプロパティの値がnone以外になっている要素がリストアイテム要素の内部にあるとき、親のリストアイテム要素の外部にあるフロートに対して回りこみを抑制することができない。

例示

<ul>
<li>
<div style="float:left; width:5em; border:2px solid blue;">フロート</div>
</li>
<li>
<div style="clear:left; background:yellow;">回り込まない</div>
</li>
</ul>
  • フロート
  • 回り込まない

2つ目のli要素内にあるdiv要素の内容物は、1つ目のli要素内にあるdiv要素のボックスより下にあるはずです。

スクリーンショット

Op7.2Opera7.23標準モード

Ns7.1Netscape7.1標準モード

修正状況

  • Netscape7.1、Mozilla1.7alphaで不具合の発生を確認しました。

スポンサーリンク

関連記事

スポンサーリンク

COS関数 コサイン

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る