ヤフーユーザーインターフェイスブログ（YUIBlog）

  。clearfix：前に、
 。clearfix：{の後に
  内容：; "。"    
  表示：ブロック;    
  高さ：0;    
  オーバーフロー：隠された;	
 }
 。clearfix：の後に{クリア：両方;}
 。clearfix {ズーム：1;} / * IEの<8 * / 

 表示：インラインブロック;
幅：<any明示VALUE>。 

12コメント

1. オーバーフローのためにありがとう：隠された謎解き。 私のデフォルトの "clearfix"ソリューションとして隠されて、時には私がために絶対にボックスの外側に配置された要素の別の（または私がすると思っていた）を選択しなければならなかった：私はオーバーフローを使用する傾向があります。 今、私はそれが私が思ったより微妙な知っている。

   ディスプレイ：テーブルがあまりにも動作しますが、その後、位置は使用できません：その要素の相対的な。

   によるコメントフロランV. - 2010年9月27日＃

2. これは良い点です。 テーブルまたは表示：テーブルのセル、この制限を認識していません私はディスプレイを使用している多くの人々は確信しています。

   ご意見をお寄せいただきありがとうございます。

   によるコメントティエリKoblentz - 2010年9月28日＃

3. IE6、IE7、IE8であなたの "より良い代替手段の作品をしていますか？

   によるコメントホルヘEpuñan - 2010年9月30日＃

4. @ホルヘ

   はいそれは、実際にはIE 5.0で動作しません+

   ロジックは、 "インラインブロック"は、IE 8や他のモダンブラウザでのブロックの書式コンテキストを作成しながら、すなわち5,6,7に明示的な幅はhasLayoutをトリガすることです。

   ボックスは "インラインブロック"シュリンクラップとしてスタイルので、幅は、物事はボードでも越えて動作させるための鍵となります。

   記事によればこれはなぜです： "あなたは浮動小数点数を含む要素に幅を適用することができたら..."

   によるコメントティエリKoblentz - 2010年10月1日＃

5. 表示使用して周りのプレイ：インラインブロック＆幅を私はいくつかのバグを発見しました。

   div要素の間にスペースがある場合、それはdiv要素の間にスペースとして示されたされます。
   垂直方向の配置は地獄です。 @ティエリーは、どのようにそれを使うのですか？

   ここで私の試みを見てみましょうhttp://jsfiddle.net/UZr7L/

   によるコメントマイケルLajlev - 2010年10月10日＃

6. @マイケル

   私は（少なくともレイアウトのための）兄弟である要素にそれを使用していますが、何を経験していることはバグではありませんので注意していません。
   文字間隔と単語間隔を（負の値）を使用して、これでYUI 3のグリッド情報。

   によるコメントティエリKoblentz - 2010年10月11日＃

7. 以下の生鮮プレスのこのコメント 、私は私が上記のclearfixのルールを更新しましたそこにタイプミスがあったことに気づいた。
   他の方法とは異なり、それがオーバーフローを使用しています。可視性、 隠されて いない ：隠された。

   おかげでダレン問題:)を高めるための

   によるコメントティエリKoblentz - 2010年10月22日＃

8. 明らかに使用して、 content: "020" clearfixのためにすることも良いです。

   unwiredbrainによるコメント- 2010年10月28日＃

9. イテッ！ WordPressは私のコードを噛んだ！

   それがあったcontent: " backslash zero zero two zero "

   unwiredbrainによるコメント- 2010年10月28日＃

10. @ unwiredbrain

    あなたは "可視性：隠された"を使用する技術に言及されていますが、私が使っていると、 "オーバーフロー：隠された"であるので、それは違いを作るべきではありません。

    ご意見をいただきありがとうございます

    によるコメントティエリKoblentz - 2010年10月28日＃

11. ああ。 私は、2つを混同している必要があります。 そのため申し訳ありません。

    unwiredbrainによるコメント- 2010年10月28日＃

12. 見事。 私は、HTML5のボイラープレートの一部としてすべてのプロジェクトでこれを使用しています。 私は決まり文句のすべてを使用しませんが、。clearfixは常に便利です。 ありがとう！

    によるコメントYJ - 2011年5月10日＃

申し訳ありませんが、コメントフォームは、この時点でクローズされます。