CSSのclearfixのメモ コピペ用
2009年1月14日 水曜日
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の呼び方は、「クリアフィクス」と思っていたら「クリアフィックス」が一般的なようです。
トラックバック URL :
