Home > CSS > テクニック Archive

テクニック Archive

floatで流し込んだ最後にclear:bothで解除する為のボックスが無い場合のテクニック

テクニックというより使わざるを得ないテクの覚書です。

floatで流し込んだ最後にclear:bothで解除する為のボックスが無い場合に親ボックスの高さの算出をするためのルールセットになります。

/* float clear */
div#container::after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
/* for IE67 for macIE5x*/
div#container {
width: 100%;
/*¥*/*/
overflow: hidden;
/**/
}

(¥は半角小文字で記載する)

Index of all entries

Home > CSS > テクニック Archive

Movable Type 5.1 Webサイト作成ガイドVolume 1
Search
Feeds

Return to page top