http://norisfactory.com/stylesheetlab/000038.php
↑clearFixだけでもこんなにあります。
content: "."; の代わりに
content: "url(1x1の透明GIF.gif);";
display: inline-table;の代わりに
display: inline-block;という方法もあります。
高頻度で使うハックなのできちんと理解しないとですね。
以下ameba仕様
/*---clearfix---*/
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix{
min-height:1%;
display: inline-table;
}
/* Hides from IE-mac \*/
.clearFix{>height: 1%;}
.clearFix{display: block;}
/* End hide from IE-mac */
/*---clearfix---*/