DIV DIV不會擴展到頁面高度，只有屏幕高度

我的身體，是100％

#pageContainer{ 
    width:800px; 
    margin:auto; 
    height:inherit; 
    }

高度的div容器

<div style="position:absolute;opacity:.05;background-color:white;width:inherit;height:100%;"></div>

所以我的網頁看起來是這樣的：

<body> 
<div id="pageContainer"> 
<div style="position:absolute;opacity:.05;background-color:white;width:inherit;height:100%;"></div> 
<div>some content here</div> 

</div> 
</body>

所以問題是絕對positione d div的高度等於屏幕大小，而不是頁面，當頁面高於可見屏幕時，另一個詞是當我向下滾動div不擴展到父div（pageContainer）的全部高度時。我已經嘗試了頂部：0px;底部：0px;以及它不起作用。任何人都知道這裏有什麼竅門？

來源

2012-01-17 Alan Budzinski

是否切斷內容？或者這是一個視覺問題？ –

絕對定位的div是空的，所以沒有內容被截斷，問題是它只佔用可見屏幕的高度，而不是整個頁面。 –

絕對定位的div是否僅用於單色背景？如果是這樣，請使用'position：fixed' –

的Javascript：你會或者通過.height（）或EqualHeight，或

CSS使用jQuery：你會做這樣的事情：CSS equal columns

來源

2012-01-17 16:29:51 Kristian

用jquery.heihgt解決了它 –

您必須設置層次結構中每個元素的height以使其像這樣展開。

嘗試類似：

html, body { 
    height: 100%; 
}

設置html元素的高度是一個我通常忘記做。通常也有必要將#pageContainer高度設置爲100%，儘管您將它從身體繼承，所以在這種情況下，您沒有問題。

來源

2012-01-17 16:28:00

這並不能解決我的問題 –

嘗試增加position:relative;您#pageContainer。目前，絕對定位的div是從窗口而不是容器div中取得的。

來源

2012-01-17 16:42:05 Deadlykipper

DIV DIV不會擴展到頁面高度，只有屏幕高度

回答

相關問題