· 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.
Featured Programming Job

Front End Engineer
New York
Full Time
Search all programming jobs