Where developers come to connect, share, build and be inspired.


Clearfix CSS from Paul Irish's HTML5 Boilerplate


/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the clearfix class. * 2. The use of table rather than block is only necessary if using * :before to contain the top-margins of child elements. */

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */

.clearfix { *zoom: 1; }

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

Add a comment