レイアウト用のfloat等をCSSでクリアするためのpkg
Default
MovableType3.2のデフォルトCSS
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
pkg部分を修正
.pkgでどんなハックを施しているか、わかりやすく色をつけたりしてみた。各ブラウザごとに確認してみて。
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
content: "hoge hoge hoge hoge";
}
* html .pkg { display: block; background: #f00;}
/* no ie mac \*/
* html .pkg { height: 1%; background: #0f0;}
.pkg { display: block; background: #00f;}
/* */