· November 2012 ·

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: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.

Sign in or sign up to add your response.