div的背景不符合內容

我是新來的HTML和CSS。我用css編寫了一個html頁面，但感到困惑。div的背景不符合內容

我用這個CSS代碼

#container { 
background: #000000; 
width: 500px; 
margin: auto; 
} 
#left { 
background: #FF0000; 
width: 200px; 
float: left; 
} 
#right { 
background: #0000FF; 
width: 200px; 
float: right; 
}

這HTML代碼

<div id="container"> 
<div id="left">This is left</div> 
<div id="right">This is right</div> 
</div>

但我沒有得到我在#container的指定黑色背景。你能幫助我嗎？我希望背景能夠在我寫內容時自動移動。在具有id容器的div之間。

來源

2013-03-23 mwaseema

嘗試，溢：對[爲什麼我不能看到我的DIV的背景（http://stackoverflow.com/questions的#container – TheDeveloper 2013-03-23 18:34:03

可能重複的自動/ 12760838 /爲什麼-着，我看的，我的背景上-DIV） – JJJ 2013-03-23 18:36:03

，這是因爲使用的是浮動於你內心的div和容器不包含任何文本，

試試這個

<div id="container"> 


    hello <br> 
<div id="left">This is left</div> 
<div id="right">This is right</div> 
<br><br> 

    </div>

來源

2013-03-23 18:34:07

設置#container到

float: left;

或

display:inline-block;

Click here爲活的例子。

來源

2013-03-23 18:37:15 bukka

這將正常工作對你

#container {border:2px solid #cccccc; 
height:50px; 
background-color: #000000; 
width: 500px; 
margin: auto; 
}

來源

2013-03-24 18:05:40

div的背景不符合內容

回答

相關問題