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

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;
/**/
}

（￥は半角小文字で記載する）

関連エントリー

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://www.parkingmap.jp/mt/goiken-tbk.cgi/1158
Listed below are links to weblogs that reference
floatで流し込んだ最後にclear:bothで解除する為のボックスが無い場合のテクニック from ホームページ運営中の青年の覚書ブログ

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

Movable Type 5.1 Webサイト作成ガイドVolume 1
Recent Entries
Categories
Tag Cloud
Archives
Search
Feeds

Return to page top