Clearfix Revisited


The new style rules I’m using:

.clear:after {
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size:0;
}
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear { height:1%; }
.clear { display:block; }
/* End hide from IE-mac */

For more information on the update, have a read over at Jeff Starr’s Perishable Press article. If you are completely new to this technique, it originated from this article.