Commentsホームページのレイアウトの上で、floatを使うことが多いですが、floatを指定したら、float属性を解除する必要があります。通常、floatを解除するために余分なコードが必要になりますが、このclearfixコードを使うと、もっと簡単シンプルにfloatを使うことが出来ます。便利で簡単clearfixコード要素を横に並べる場合、floatを使って並べていくのですが、floatを使った要素はをれを囲む要素から高さが認識されないために以下のような現象が起こってしまいます。そのため、一番外側の要素に背景を指定した場合など、うまく背景が表示されないという現象が起こってしまいます。最後の要素でfloatを解除して、位置を知らせなければなりませんでした。今回紹介するclearfixを使うと、このコードを書かずともCSSでこの現象を回避することが出来るのです。SEO上も、HTMLの構成は出来るだけシンプルなほうがいい。※SEO上は微々たるものですが、HTMLをできるだけ解析しやすくしておく方が検索エンジンにもやさしいページになります使い方は簡単、以下のコードをコピーして使うだけ。CSSファイルで定義しておくと、いつでも簡単に使えます。zoom:1;}使い方は、一番外側の要素(図の場合ピンクの要素)に.cfを指定するだけ。うれしいのはIE6にも対応しているところ。簡単で便利なclearfixを今すぐ使ってみましょう。hackあわせて勉強しておこうなぜか前面に表示されない?position:relative,absoluteとz-indexでの重なり順の関係HTMLを学ぶならブロック要素とインライン要素を知っておこうこれは使える!マウスを画像の上に持ってくると明るくなる処理をCSSだけで実装。ホームページを作るのに必須!ブロック要素の範囲を指定するタグ<div>HTMLテーブルタグの概要。テーブルはレイアウトには使わないように。viewsSEOに絶対やってはいけない。フレームセットのホームページ。viewsこれは使える!マウスを画像の上に持ってくると明るくなる処理をCSSだけで実装。viewsこれがあればとっても便利。ホームページを作るためのソフト。viewsHTMLテーブルタグの概要その2。ヘッダー、ボディ、フッターの3要素。