背景顏色與浮動元素

Question

我有一個問題，而我想把2垂直DIV內主DIV。 background-color值不適用於主要的DIV。我想我必須看到一些帶有紅色背景色的部分。
請看看它的jsFiddle，並幫助我解決它。

Answer 1

嘗試添加一個空格與clear:both CSS屬性或設置一個高度，以您的主格。

<div id="content"> 
    <div id="float-left">Some Text floating left</div> 
    <div id="float-right">Some Text floating right</div> 
    <div id="clear"></div> 
</div> 

CSS代碼

#content { 
    background-color:red; /* The background you want */ 
    width:500px; /* Demo: not important */ 
} 

#float-right { 
    float:right; 
    width:300px; 
    padding-right:20px; 
    line-height:200%; 
    background-color:#f2f2f2 
} 

#float-left { 
    float:left; 
    width:50px; 
    background-color:#e1e1e1 
} 

#clear{ 
    clear:both 
} 

See Demo

Answer 2

這是因爲你的父母DIV沒有高度。您將子DIV設置爲浮動，以免影響父DIV的大小。您需要手動爲父DIV設置高度或使用clear：both;屬性