ボックスをはみ出さないようにfloatをクリアするCSSがcleafixと呼ばれる CSSハックですが、MovableTypeの標準スタイルシート(blog.css)にはこのclearfixのハックが含まれています。
.pkgというclassがそれです。
MovableTypeでは.pkgでクラス指定するだけでこのハックが適用されることになります。
実際の記述はblog.css内につぎのように記述されています。
/* Utilities ----------------------------------------------------------------- */
/*「cleafix」と呼ばれる cssハックを「#content-inner」などに適用*/.pkg:after, #content-inner:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.pkg, #content-inner { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }

clearfixハック
コメントする