CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki

「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。 コンテンツメニュー 元になるHTML 特に何も考えずfloatを使った場合 外のボックスに幅を与えてみる 一般的な解決方法 その他の解決方法 overflowを使う 最終回答 番外編 更新履歴 このドキュメントについて 元になるHTML <div id="container"> <div class="leftBox">内容</div> <div class="rightBox">内容</div> </div> 例1(ブログ) class="leftBox"のボックスの内容は「サイドバー」。class="rightBox"の内容は「記事部分」。 例2(ウェブサイト) class="leftBox"のボックスの内容は「ローカルナビゲーション」。class="rightBox"の内容は「情報」。 例3

[tomokooooo]

バグ

[kenkenbooo]

Floatでdivが消えたときの対処

[tio259]

css overflow firefox

[Leonk]

web css float

[happytea]

なるほどぅ

[kazuya_eden]

css float ボックスサイズ

[kazuya6012]

float指定するとheightが効かない件

[kool_kreate]

floatでbackgroundが消える

[Okky]

IE7対策でmin-heightで背景表示。

[josch_so36]

box内部要素をfloatしまくったら高さが無くなってしまったでござるの巻

[yos329]

firefoxのfloatで背景が出なくなるのを直す

[take-it]

いつもつかってる。

[abtky]

floatした要素のを持つボックスの背景表示 overflow:auto

[labocho]

「「CSSで段組したらFirefoxで背景が出ねーよっ」て話をよく聞くので色々試してみました。」

[kamip]

floatの背景とかの説明とってもよさそう

[otherworld]

そもそもfloatはボックスを"浮かせる"ものなので、内側のボックスが全部浮かんでしまった場合、外側のボックスの高さはなくなってしまいます。

[younny]

floatで親ボックスの背景が出なくなる

[youthhr]

ハマった

[tpex_ovon]

バグじゃなくて仕様

[npmeOrg]

CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件

[roripop]

IE6では親子ともに%指定が有効

[seikenn]

問題解決できました！

[webmarksjp]

css

[kagioo2uma]

フロートしたボックスの背景が表示されないときの対策

[yaotti]

firefoxのはまりどころ。

[karronoli]

これはわかりやすい。

[vv_boow_vv]

　たくさん検証してる。上手くいかない方法についての記述もあり。display:inline-tableとかoverflowとか。

[tama_3]

　いたく悩みました。参考になりました。

[webbingstudio]

IE7beta、MacIEを含む多種ブラウザに対応するCSS記述法

[basilius]

ボックスの小技