clearfix hack

divの中に1つ以上のdivがあり、内側のdivがfloatしている場合に、外側のdiv(heightの指定がない場合)に対し必要。まず外部cssファイルで、次の内容を追記する。これが無いとその下のdivの表示がずれる。

/* clearfix hack */

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix { display: inline-block; }


/* exclude MacIE5 \*/
*1189439282* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

そして外側のdivでclass="clearfix"と指定すればよい。