背景不會達到頁的底部

我有一個白色容器頂部的BG，但它停止，即使最小高度設置爲100％，繼承人這個容器的CSS和底部我已經包括了圖像的時候會發生什麼我滾動到頁面底部：容器，其中職位是：黃色蓋茨：背景不會達到頁的底部

   .home-body { 
       background-color:#EAC117; 
       height: 100%; 

      .home-main-content { 
      width:800px; 
      min-height: 100%; 
      position:absolute; 
      overflow:hidden; 
      margin-left:56.5%; 
      left:-500px; 
      top:51px; 
      border-left:1px solid black; 
      border-right:1px solid black; 
      background-color:#fff; 
      background-repeat:repeat-y; 



      .home-post-echoed-container { 
      width:400px; 
      position:absolute; 
      margin-left:50%; 
      left:-200px; 
      top:200px; 
      overflow:hidden; 
      } 
      .home-echoed-posts { 
      width:600px; 
      overflow:hidden; 
      left:-98px; 
      position:relative; 
      background-color:#fff; 
      margin-bottom:-5px; 
      border-top:1px solid;color:#0a527e; 
      border-left:1px solid;color:#0a527e; 
      border-right:1px solid;color:#0a527e; 
      } 
      .home-echoed-posts-post { 
      margin:10px; 
      color:black; 
      } 
      .home-echoed-posts-email { 
      margin:10px; 
      color:black; 
      } 
      .home-echoed-posts-date { 
      margin:10px; 
      color:black; 
          }

This is what happens when end of bg is cleared

來源

2012-06-17 checkit923

在[jsFiddle]（http://www.jsfiddle.net）上發佈樣本？ –

你做錯了。

要居中東西，你應該使用（而不是絕對定位）：

.foobar{ 
    margin: 0 auto; 
    width: 800px; 
}

至於「爲什麼意見不擴大容器」，很難不代碼猜測，但有兩個合理的可能性：定位或花車。我無能爲力。但如果是浮動的，然後easies是有容器下面的CSS：

.container{ 
    overflow: hidden; 
}

這是一個有點反直覺的，但就像魅力。你可以閱讀更多關於here。

更新：並且還讀取this article。

更新2：

看起來是麥芽汁的情況。你正在使用定位..的一切。你真的需要學習如何使用浮動。

.home-post-echoed-container { 
    width: 600px; 
    margin: 0 auto; 
    padding-top: 200px; // im guessing what top:200px was doing 
    overflow:hidden; 
} 
.home-echoed-posts { 
    width:600px; 
    float: left; 
    background: #fff; 
    margin-bottom: -5px; 
    border: 1px solid #0a527e; 
    border-bottom: 0; 
}

就像這樣。但我真的只是在猜測。

來源

2012-06-17 00:34:49

我已更新問題，如果有幫助，並且謝謝，我現在將閱讀。 – checkit923

@ checkit923，更新的答案..可能有幫助 –

非常感謝你，那個工作，白色背景延伸到底部。除了一件事，現在容器在右邊被略微切斷，可能知道什麼是錯的？ – checkit923

html, body 
{ 
    height:100%; 
}

確保你包括你的CSS腳本的頂部，否則設置.home-main-content到min-height:100%;將無法正常工作，因爲對於CSS，如果未定義其他地方，100%只是當前div的高度。

如果您的.home-main-content被另一個div所包圍，請確保您擁有相同的屬性集。

來源

2012-06-17 00:33:33

好的，這個白色容器背後唯一的東西是黃色的bg，它的高度爲100％，所以我必須把它放在白色容器的頂部。 – checkit923

你確定已經插入了'html，body'的第一個代碼塊嗎？ –

背景不會達到頁的底部

回答

相關問題