clear(クリア)について

floatで設定された回り込みを解除するプロパティです。要するに回り込みさせないようにする。

clear(クリア)の概念図

clearのブラウザ表示例

■CSS記述
.sample1 { float:right; }

.sample2 { clear:right; }
■XHTML記述
<p class="sample1"><img src="../images/clear-test.gif" width="100" height="100" alt="テスト" /></p>

<p>サンプルサンプルサンプルサンプルサンプルサンプル</p>

<p class="sample2">サンプルサンプルサンプルサンプルサンプルサンプル</p>

テスト

サンプルサンプルサンプルサンプルサンプルサンプル

サンプルサンプルサンプルサンプルサンプルサンプル

clear(クリア)の設定方法

clear: (値);

clear(クリア)の値

left , right , both(左と右の両方)