垂直伸展div高度爲

如何在所有垂直位置製作第二格。它必須「照顧」他上方的div底部邊緣和所有頁面的底部邊緣。如何使它填補所有的地方？其中會有正常的內容，我會製作橫向滾動的頁面，我需要它來適應各種用戶Y的分辨率。底部邊距將保持不變。我真的很想避免這個問題。

2012-10-13 Adarchy

請發佈一個[SSCCE]（http://www.sscce.com），它說明你正在嘗試做什麼。 –

就是這樣：無論用戶的Y屏幕尺寸是1080還是768，或者其他網站都會有不變的上下邊距，網站和左邊豎排的某個頁眉需要填充一些長的橫向div，裏面的內容。 – Adarchy

我認爲你唯一的解決方案是與JS;您可以獲得窗口高度，並根據該值動態調整div的高度。你有避免JS的特殊原因嗎？ –

#rest { 
     background-color:blue; 
     height:100%; 
     position:relative; 
     top:0;left:0; 
     bottom:0;right:0; 
     } 
html, body { 
      height:100%; 
      }

您的代碼

#rest { 
    background-color:blue; 
    height:100%; 
    position:relative; 
    top:0; 
    left:0; 
    bottom:0; 
    right:0; 
    height:auto;

}

包含兩個時間height。刪除height:auto;到底

來源

2012-10-13 21:05:05 jams

頁面正在滾動，div與所有窗口一樣高，它不適合只留下未使用空間的空間 – Adarchy

請解釋更多我是沒有明白你的觀點。 – jams

1.頁面只能水平滾動，所以不能比文檔更高。例如，我們獲得了800px高的文檔，上下邊距爲50px，因此頁面上剩餘700px。標題可以說80px高度，所以620px已經離開。所以我們的div必須高出620px才能佔據所有的位置。當然，它適合每個顯示器，每個分辨率，都應該對窗口大小做出反應，並且很適合用css – Adarchy

垂直伸展div高度爲

回答

相關問題