今使っているclearfix

進化し続ける clearfix。
IE6なんぞ無視！と言いつつも、うっかり気になるのがIT土方ですよね。clearfix くらいはIE6対応してあげる記念に一度整理。

.cf:before, .cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both; }

/* For IE 6/7 */
.cf { zoom:1; }

（2012-11-16版）

【ネタ元】
[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix | コリス
http://coliss.com/articles/build-websites/operation/css/css-micro-clearfix.html

---

整理したら Mac IE 対応版も発見。もう二度と見ることないかもしれないので記念に。

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

/* Hide MacIE \*/
* html .clearfix{height: 1%}
.clearfix{display: block;}
/* End hide MacIE */

IEは爆発しろ。