So, yet again there is a new clearfix method that will lighten our bloated CSS files.

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

New hack thanks to Nicolas Gallagher. Please read his article for explanation.

Published on October 19, 2011