兒童的div阻斷父DIV背景

我試圖調整一個WordPress站點，但似乎無法讓我的父母div的背景之一，通過頂部的孩子的div可見的知名度。我有背景圖像#main設置。我使用變淡底部的白色，但是在渲染頁面的圖像，我只能看到頂部23個像素左右，其餘被封鎖之前...我認爲#primary。兒童的div阻斷父DIV背景

該網站根據Responsive使用兒童主題，目前可以查看here。爲了方便起見，我會複製/粘貼代碼，但我不再確定代碼的哪部分是對我所看到的內容負責。所以我提前道歉，如果這是沒有足夠的信息繼續： -/

來源

2013-03-19 Pixelologist

在我看來你喜歡你有一個浮動問題和div#main崩潰。嘗試使用各種clear-float技術來防止這種情況。

例如，嘗試#main { overflow: hidden }作爲測試 - 這通常會防止崩潰。

來源

2013-03-19 19:36:52 helion3

賓果的結束標記！謝謝！我對CSS非常生僻，所以我經常會錯過這個明顯的例子。 – Pixelologist 2013-03-19 19:53:29

經典清晰修復問題。給＃主溢出：隱藏或嘗試micro clear fix，如果有任何內容溢出框。

#main { 
    background: url("http://wp.massosteopathic.org/wp-content/uploads/2013/02/headerhand-contd.jpg") no-repeat scroll 0 0 transparent; 
    clear: both; 
    overflow: hidden; 
    padding: 1.625em 0 0; 
    z-index: 1; 
}

來源

2013-03-19 19:38:27

謝謝！博茨科網提出了同樣的事情。溢出的 – Pixelologist 2013-03-19 19:56:18

#main div只有24px高。這是因爲所有子女divs都是浮動的。

添加

<div class='clear'>

與

.clear { clear: both}

之前你#main

來源

2013-03-19 19:40:46 Raffael

的建議：在這種情況下隱藏的工作，但我正在做筆記的，因爲我敢肯定，我會需要它的未來。謝謝！ – Pixelologist 2013-03-19 19:58:11

兒童的div阻斷父DIV背景

回答

相關問題