添加內容時背景不顯示？

出於某種原因，當我的寬度和高度增加。左段，.section僞頁面佈局容器沒有擴大和顯示背景，但如果我的高度增加.section-頁面佈局容器背景漸變重複完美，並且每個像素都被填充。添加內容時背景不顯示？

我試着弄亂了代碼，但似乎沒有任何工作。一定是另一個愚蠢的錯誤。

你好人可以幫助我:)

在此先感謝！

我的HTML

<section class="section-page-layout-container"> 
     <div class="section-page-layout"> 
      <div class="left-section"> 
       <header> 

       </header> 
      </div> 
      <div class="right-module-section"> 

      </div> 
     </div> 
    </section> 
    <div class="clear"></div>

我的CSS

.section-page-layout-container { 
    background:#984B09; 
    background: url('../img/section-page-oj_gradient-background.png') repeat-y; 
    background-size:contain; 
    width: 100%; 
} 
.section-page-layout { 
    width: 1280px; 
    position: relative; 
    margin: 0 auto; 
    height: auto; 
} 
.left-section { 
    width: 585px; 
    height: 500px; 
    background: #000000; 
    float: left; 
}

來源

2013-03-13 kevingilbert100

可能是一個浮動問題。嘗試將「overflow：hidden」添加到.section-page-layout – 2013-03-13 10:16:34

爲什麼你不能在'.section-page-layout-container'上設置高度？ – Morpheus 2013-03-13 10:16:52

Morpheus，因爲高度是動態的。我的模板是WordPress的高度可以非常。 – kevingilbert100 2013-03-13 10:17:53

使用溢出：隱藏

.section-page-layout-container { 
    background:#984B09; 
    background: url('../img/section-page-oj_gradient-background.png') repeat-y; 
    background-size:contain; 
    width: 100%; 
    overflow: hidden; 
}

當物體內部浮動物體時，容器會摺疊，這就是爲什麼你需要一個clearfix

來源

2013-03-13 10:18:21 Razmig

工作很好！非常感謝！ – kevingilbert100 2013-03-13 10:20:43

很高興我可以幫助，如果你想你可以選擇正確的答案 – Razmig 2013-03-13 10:21:47

添加內容時背景不顯示？

回答

相關問題