RyoSugimoto
6/27/2013 - 7:41 AM

様々なClearfix。

様々なClearfix。

/* Clearfixes */

/** --
 * Original
 */

.original:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;    
	clear: both; 
	visibility:hidden;
}

.original {
	display: inline-block;
}

/* Hide from IE Mac \*/
* html .original { height: 1%; }
.original { display: block; }
/* End hack */

/** --
 * Micro
 */

.micro:before,
.micro:after {
	content: ' ';
	/*display: table;*/
	display: block;
}

.micro:after {
	clear: both;
}

.micro {
	*zoom: 1;
}

/** --
 * Minimum
 */
 
.min:after {
	clear: both;
	content: '';
	display: block;
}

/** --
 * Overflow
 */

.oh {
	overflow: hidden;
	zoom: 1;
}

/** --
 * Clear after (No browser supports this now (13.6.27))
 */

.clear-after {
	clear-after: left;
	/* or clear: left after; */
}