Coding Architecture

clearfixのかわりに、overflow:hidden;　+　zoom:1;か親要素に、float:left;をつける

でも、firefoxで印刷のときおかしくなるから通常のclearfixのほうがいいかも。

例：
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */

.clearfixをdivなど、使う要素に変更するほうがいい場合もある。