clearfixとは

clearfixとは近年、floatを使う上で、外すことのできない指定の仕方です。

▼参考「floatとclearfixで要素を横並びにする方法を紹介します」

http://scene-live.com/page.php?page=53

大抵、hackとして記述

▼サンプル

/* ———- clearfix hack ———- */
.clearfix:after { content: “.”; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block;}
/* end MacIE5 */

サブコンテンツ

このページの先頭へ