Return to Snippet

Revision: 8313
at September 12, 2008 16:12 by kcmr

Initial Code
.clearfix:after{content: ""; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix{min-height: 0; height: 0;}
html>body .clearfix{height: auto;}

Initial URL

Initial Description
This method uses the "min-height" property to give "hasLayout" in IE 7, "height" property for IE 6 and the pseudo-element ":after" and "content" property for Gecko based and IE 8 Beta.

Initial Title
Another way to clear floating elements (FF, IE 6, IE 7, IE 8 Beta)

Initial Tags

Initial Language