clearfixハック

 ボックスをはみ出さないように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; }

・・・

こんなことするのは私だけ?と思ったら、仲間探しに
にほんブログ村 住まいブログへ にほんブログ村 住まいブログ DIYへ

前のページへ まえへ トップページ つぎへ 次のページへ

| コメント(0)

コメントする

INDEX

プロフィール

プロフィール

タクロー
欠点の多い中古公団のリフォームでもあり、安く高品質(?)を目指すにはセルフリフォームしかないと、家族の不安をよそに、経験もないのに素人職人に挑戦しました。
頼りになるのはおじいちゃんが大工だったという血筋のみです(爆)
ですから、おシャレなことはできません。。
解体しないとわからないところもありますので、同じ年代の公団団地のリフォームの参考になれば幸いです。

ブログパーツ

Powered by Movable Type

since 2007.6.19