手探りWebデザイン

【css】枠がのびてくれない、枠からはみ出す

cssで「float」をつかうと、ボックスの内容物が、
「枠に収まらない」・「枠からはみ出す」

などの不具合が生じることがあります。
特にIE6

この不具合を解消するCSSサンプルです。


魔法のセレクタ「clearfixで解決」


cssファイルに追加————————————–

.clearfix:after {
height: 0;
visibility: hidden;
content: “.”;
display: block;
clear: both;
}

* html .clearfix {
zoom: 100%;
}

*+html .clearfix {
zoom: 100%;
}




参考:クロノドライブさんのサイト
http://html-coding.co.jp/knowhow/