clearfix variations (with original source link)

clearfix_v1.css

/*
* source: http://nicolasgallagher.com/micro-clearfix-hack/
*/
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

clearfix_v2.css

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

clearfix_v3.css

/*
* source: http://perishablepress.com/new-clearfix-hack/
*/
.clearfix:after {
  visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

clearfix_v4.css

/*
* source: http://nicolasgallagher.com/better-float-containment-in-ie/
*/

.nbfc {
    overflow: hidden;
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    *zoom: 1;
}

clearfix_v5.css

/*
* source: http://www.webtoolkit.info/css-clearfix.html
*/

.clearfix:after {
  content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

clearfix_v6.css

/*
* http://davidwalsh.name/css-clear-fix
*/

.clearfix:before, .clearfix:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
	
.clearfix:after {
	clear: both;
}