clearfix
第 1 版（2009-06-09 23:22:44 · おぎやす）を表示しています。 最新版に戻る
親box内の要素をすべてFloatすると、親boxのheightが0（みたい）になる現象が起きる。
clearfix（正式に名前は定義されていないが・・・)を用いると、それを防ぐことができる。つまり、どんなにfloatしまくっても、親boxはちゃんとheightをキープするっつーことっすね。
まぁ、こんな感じの定義。
>|css|
/* clearfix */
.clearfix{
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
html .clearfix{
display:inline-table;
/*\*/display:block;/**/
}
||<
履歴
- 第 2 版おぎやす2009-06-09 23:23:53
- 第 1 版おぎやす2009-06-09 23:22:44
タグ
他の人の「clearfix」
- akkun_choiの「clearfix」akkun_choi pedia最近のブラウザだったらこれでいいらしい！ element{ /zoom : 1; } element:after{ content : ; display : …2010-03-09