無法獲得960.gs網格容器以跨越瀏覽器的全部高度

我一直在使用960.gs插件使用Compass進行項目。到目前爲止，它的工作情況非常好，只需很少的努力就可以讓瀏覽器看起來幾乎完全相同。但是，我遇到了一個小問題。無法獲得960.gs網格容器以跨越瀏覽器的全部高度

我用作960的主網格容器的div在CSS中有一個垂直平鋪的背景。我需要這個背景來一直延伸到瀏覽器視口的底部，但是看起來960的浮動使用與此有些衝突。

儘管容器的高度被設置爲100％，但背景僅在未指定溢出時延伸到屏幕的一部分。設置溢出隱藏修復它，但隱藏滾動條！

這怎麼處理？我已經使用Webkit的檢查器來查看代碼和DOM中的問題，並且據我所見，沒有任何事情會導致這種行爲。

這不是在網上和代碼太大，複製和粘貼在這裏，但我會重新結構中略僞代碼：

<html> 
<head></head> 
<body> 
    <primary background div> 
     <960 container div> 
      <header div>Stuff</div> 
      <main content div>More Stuff</div> 
      <footer div></div> 
     </div> 
    </div> 
</body> 
</html>

我已經掃描的CSS是沒有什麼問題的。我沒有什麼浮動，我做的最多的就是小填充和利潤...

來源

2011-09-15 John Wells

有點難以幫助，如果你不張貼到網站的鏈接或樣本顯示這一點的網站。 – Candide

編輯包含一些代碼。 –

很難說沒有實際的代碼，但塊的前提伸展在100%就是其中之一：

它的父母有一個絕對的高度（如100px等）。
或全部此塊的父母直到HTML標籤必須有height: 100%。

那麼，看看下面這個例子：http://jsfiddle.net/kizu/UvAxV/ - 那裏框架懸停HTML和BODY得到height: 100%和包裝延伸到100%了。

所以，你的情況，你必須確保HTML，BODY和「主背景格」都有height: 100%

來源

2011-09-15 21:35:08 kizu

無法獲得960.gs網格容器以跨越瀏覽器的全部高度

回答

相關問題