CSS TIPS » floatした際の背景表示

親ボックスに背景を設定して、内包する子ボックスに対してfloatを適応した場合、IEでは子ボックスを内包する形で背景が表示されるのに対して、Firefoxでは親ボックスの背景が表示されなくなります。 サンプルとなるhtmlは <div class="parent"> 親ボックス <div class="child"> 子ボックス </div> <div class="child"> 子ボックス </div> </div> とします。 これに対して div.parent{ width:204px; background:#39FF6B; } div.child{ border:1px dotted #000; height:100px; width:100px; float:left; } このようなCSSを適応した場合、以下のような表示になります。 サンプル これはIEがfloatの処理が

[chucker34]

背景

[sunnyboydesign]

floatに関するバグ

[tama_3]

　これも参考に。

[mogwaing]

float:leftを指定した時のIEとFirefoxの挙動の違いと対処法について

[suVene]

float 時の流しこみ注意点

[kyorecoba]

floatの背景問題。