CSS 参考マニュアル

CSS @ルール(RULES)

clear CSS属性は、要素のどちら側が他の浮動要素を許可しないことを指定します。さらに詳しく学ぶ。

以下のテーブルは、この属性の使用方法とバージョン履歴、およびJavaScriptスクリプトでの使用構文を示しています。

この属性の構文は以下の通りです：

clear:　left　|　right　|　auto　|　both　|　none　|　initial　|　inherit

以下の例では、clear属性の使用方法を示しています。

例

　　clearfix:after　　{
　　　content:　".";
　　　display:　block;
　　　height:　0;
　　　visibility:　hidden;
　　　clear:　both;
　　}

以下のテーブルは、この属性の値を説明しています。

値	説明
left	要素が下に移動して過去のleftの浮動をクリアします。
right	要素が下に移動して過去のrightの浮動をクリアします。
both	要素が下に移動して両方のleftとrightの浮動をクリアします。
auto	先に浮動した要素をクリアしません。デフォルト値です。
initial	この属性をデフォルト値に設定します。
inherit	指定された場合、関連する要素はその親要素のclearの属性値を使用します。

clear属性のブラウザの互換性について、以下のテーブルの数字は、その属性をサポートするブラウザの最低バージョンを示します；すべての主要ブラウザはこの属性をサポートしています。

	Firefox 1+ Google Chrome1+ Internet Explorer 5+ Apple Safari 1+ Opera 6+

以下のチュートリアルを参照：CSS Float。