clearfixの履歴

履歴一覧

親box内の要素をすべてFloatすると、親boxのheightが0（みたい）になる現象が起きる。

clearfix（正式に名前は定義されていないが・・・)を用いると、それを防ぐことができる。つまり、どんなにfloatしまくっても、親boxはちゃんとheightをキープするっつーことっすね。

まぁ、こんな感じの定義。

/* 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;/**/
}