[CSS] floatを解除する「clearfix」


CSSにて、floatを解除する「clearfix」のサンプルコードをメモ。

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

以上です。

【参考】

[CSS]floatを解除する「clearfix」のIE6/7に対応した改良版 | コリス はてなブックマーク - [CSS]floatを解除する「clearfix」のIE6/7に対応した改良版 | コリス

  1. コメントはまだありません。

  1. トラックバックはまだありません。