上のブログの中の人です。 上の記事の内容は、1年ほど前のものなので、補足します。 IE6,7を対象にしたclearfixは、今まで通り *zoom:1; がベストだと思います。 IE8以上のfloat解除は、複数やり方存在します。 1.overflow overflow:hidden; または overflow:auto; どちらでも解除可能です。 2.擬似要素を使用する場合 記事の通り .clearfix:after { content: ’’; display:block; clear:both; } が良いかと思います。 *:after {} も記載していますが、パフォーマンスの問題や:afterを使用した場合にdisplay:blockなどを継承してしまうので、避けたほうがいいかもしれません。 もし、*:afterのように、個別単位でやる場合は、SCSSで@includeよりも、@