【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/

このエントリーを Google ブックマーク に追加
LINEで送る
[`evernote` not found]

CONTACT US
 03-3693-1033 
営業時間 10:00~17:00
定休日 土曜・日曜、祝日
MENU