floatした際に背景が消える件【css tip】

floatした際に背景が消える件【css tip】 親ボックスに背景を適用して、内包する子ボックスに対して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を適用した場合、以下のような表示に

[hiroyuki1983]

floatの仕組み

[zoezoez75]

floatした際に背景が消える件

[tohokuaiki]

わからねー；；

[kiyokichi]

　*CSS　*clear　float　背景　バグ　FireFox　IE　Opera

[akiyan]

bk。