css嵌套divs的多種背景顏色

好的。這是情況。我創建了一個帶有徽標頂部的黑色橫幅網站，其高度爲100px，背景顏色爲＃000。接下來，我想要一個大的「main_content」div來包含導航以及頁面內的任何內容，所以它不包含頁腳。在這種情況下，頁面的main_content區域內有多個嵌套div，並且已經爲它們定義了背景顏色。問題是，一旦我將一個背景顏色應用於名爲「main_content」的div，它只會將其應用於導航欄，然後停止，因爲它會運行到已定義顏色的嵌套div。我想知道是否有我在這裏失蹤的CSS規則...css嵌套divs的多種背景顏色

我發現的唯一解決方法是我必須爲main_content div定義高度，是否有解決方法？我不想爲內容區域定義高度，因爲我希望它只匹配填充它的內容的高度。

來源

2010-02-07 Dan

最有可能發生的事情是，您的其他嵌套div從父級main_content div繼承顏色，爲了解決此問題，您應該爲嵌套div顯式提供顏色。你提到的另一件事是，你想申請高度main_content按照它的內容，你可以這樣做給它100％，如高度：

<style> 
#main_content{height:100%;} 
</style>

來源

2010-02-07 05:46:50 Sarfraz

'高度：100％;'會填滿所有父母的高度垂直，而不是所有的內容的高度垂直。 – icktoofay 2010-02-07 05:48:27

是的，這是棘手的問題... – Dan 2010-02-07 05:52:23

@Dan：很高興知道你找到了解決方案:) – Sarfraz 2010-02-07 05:55:24

我想我找到了，溢出：隱藏，我不是確定如果這是正確的解決方案，但它的最好的我有

來源

2010-02-07 05:48:11 Dan

css嵌套divs的多種背景顏色

回答

相關問題