回り込みの解除

説明

clear: clear; C1- ie4- N4-

値:	none \| left \| right \| both \| inherit

初期値：none、適用要素：ブロック要素、継承：しない、%値：なし、メディア：ビジュアル

clearプロパティは、floatプロパティによって左か右に配置された浮動体への文章などの回り込みを解除するために用いられます。

実際には、指定された要素の上ボーダーが浮動体の下辺よりも下になるように上マージンが調整されます。

使用例


img.icon {float:left; margin-right:1em}

.division {clear:left}

clear プロパティの値

none	C1- ie4- N4- 回りこみを解除しません。初期値。
left	C1- ie4- N4- 左に配置された浮動体への回り込みを解除します。
right	C1- ie4- N4- 右に配置された浮動体への回り込みを解除します。
both	C1- ie4- N4- 浮動体に対するすべての回り込みを解除します。

回り込みのレンダリング

float:(left|right|none); 浮動体の配置

clear:(none|left|right|both); 回り込みの解除

br要素の回り込み解除

ビジュアルによるカラム(フレームレイアウト)

CSS2仕様書にあるposition:fixed;によるフレームレイアウト

br要素の回り込み解除

HTML4.01の仕様においては、clear属性はインライン要素であるbr要素のみが有する属性ですが、CSS2の仕様においては、clearプロパティはブロック要素のみに適用されるプロパティであることに注意しなければなりません。
しかしながら実際には、ie8 ff3 o9 sf4 gc2各ブラウザにおいても、インライン要素であるbr要素にclearプロパティを指定し、回り込みを解除することができます。

回り込みの解除 (Controlling flow next to floats)

説明

使用例

clear プロパティの値

回り込みのレンダリング

ビジュアルによるカラム(フレームレイアウト)

br要素の回り込み解除