構文
clear : 回り込み解除;説明文
「clear」は「float」で指定した回り込みを解除する。回り込みが行える領域が残っている場合でも，そこで回り込みをやめる。回り込みは左右の回り込みができるため，いずれかの回り込みを解除するかを指定することも可能だ。回り込み解除の指定には以下のような値が利用できる。
| 回り込み解除 | 意味 |
|---|---|
| left | 左の回り込みのみを解除する |
| right | 右の回り込みのみを解除する |
| both | 左右両方の回り込みを解除する |
| none | 回り込みを解除しない |
[画像のクリックで拡大表示]
使用例
● CSSの定義
div.image {
float:right;
margin:10px;
}
p { text-indent : 1em; }
p.clear { float : both; }
● HTMLの例
<h2>サン・ピエトロ寺院</h2>
<div class="image"><img src="rome.jpg"></div>
<p>サン・ピエトロ広場は，世界で最も小さい面積の国「ヴァティカン市国」にあ
る広場です。ここにはカトリックの総本山となるサン・ピエトロ寺院が建てられて
います。ここにはローマ法王の「ベネディクト16世」が滞在しています。</p>
<p class="clear">また，現在はサン・ピエトロ寺院に隣接して建てられている
ヴァティカン博物館を誰でも訪れることができ，かの有名なシスティーナ礼拝堂を
見学することができます。ここにはミケランジェロが制作した天井画が描かれてい
ます。</p>● 表示結果
Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]
