CSS背景色麻煩

Question

我正在更新網站上的標題，並且整個標題應具有淺灰色背景。 為此，我認為可以將整個標題div的背景顏色設置為灰色（E7E7E7），但是不知何故我在其中中間留了一個空白，而且似乎無法選擇/查找Firebug的整體div。

整個div是class =“ header”的div，頁面是http://www.momentumnow.biz/mn/index.shtml 。

您能否讓我知道我需要做什么才能擺脫標題中的空白（以及我在這里做錯了什么）。 請注意，您需要使瀏覽器窗口變寬。 我希望右側的紫色閃光燈保持在頁面的右側，因為此人使頁面變寬。

謝謝

Answer 1

您必須像這樣clear your float ：

div.header {
    background-color: #E7E7E7;
    min-width: 1010px;
    overflow: hidden;
}

現在寫，您的頭中有three floated child DIV's .header DIV需要clear 。 因此，將overflow:hidden在.header 。

Answer 2

您必須清除浮標。 如果您使用Chrome工具檢查header ，則會發現header的高度為0。這是因為您浮動了內部元素（將它們從正常流程中拉出）。 只要清除它們，您的容器將再次具有高度。 或指定一個高度。

Answer 3

嘗試這個

<div class="header">
   <div class="headerLeft">
   <div class="affiliate">
   <div class="headerRight">
   <div style="clear: both"></div> //add this 
</div>

Answer 4

您可以只檢查div標頭中的所有內容是否正確，並且在更改標頭背景色時內部容器中的內容也必須更改那里的背景色，否則您使標頭上方的所有內容都應具有透明的背景色，因此，如果更改聽眾的背景將反映其他內部div和內容。