CSSのclearfixのメモ コピペ用

CSSで使うclearfixをいろいろ調べたあげく、ひかげが自分で使うためのclearfixを決めてみました。

clearfixにもいろんなパターンがあったので、迷いがあったことも事実です。

無難であろう選択をしました。

clearfix CSSのコピペ用

2009年1月13日(火)現在で、多くのブラウザに対応できそうなCSSのclearfixの自分用メモ。

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

clearfixの呼び方は、「クリアフィクス」と思っていたら「クリアフィックス」が一般的なようです。