clear:all;はclear:both;と同等

症状

W3CのCSS勧告ではclearプロパティにallという値は定義されていない。しかしWinIEはall値をboth値と同じように扱う。

例示

<div style="float:left; width:5em; background:aqua;">フロート</div>
<div style="clear:all;">回り込む文字列</div>
<div style="float:right; width:5em; background:aqua;">フロート</div>
<div style="clear:all;">回り込む文字列</div>
フロート
回り込む文字列
フロート
回り込む文字列

clearプロパティを指定したdiv要素の内容物はフロートの左右に回り込んで表示されるはずです。

スクリーンショット

Ns7.1Netscape7.1標準モード

WinIE6.0WinIE6.0標準モード

補足

公式リファレンスでもclearプロパティにallという値は定義されていません。

ちなみに、WinIE4.0のリファレンスではstyleオブジェクトのclearプロパティで使用可能な値の一覧にallが存在します。br要素のclear属性に合わせた実装と思われますが、これが影響しているのかもしれません。

clear(MSDN Japan)

修正状況

WinIE6.0で不具合の発生を確認しました。

WinIE7でも発生します。

関連記事

スポンサーリンク

セレクタ指定で「#」より前の部分を無視する

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

上に戻る