溢出：滾動和100％的高度

我需要DIV與滾動的內部，並且它應該是瀏覽器視圖的100％高度，還需要另一個DIV在與位置絕對底部（固定不是一個選項）溢出：滾動和100％的高度

這是可以做到的嗎？

+-ooo----------------------------------+ 
|    Web Browser    | 
+--------------------------------------+ 
|          | 
|   BODY overflow:hidden   | 
|          | 
|          | 
|  DIV WITH SCROLL INSIDE IT  | 
|  height:100% (of window)  | 
|   overflow: scroll   | 
|          | 
|          | 
|          | 
+--------------------------------------+ 
|   Fixed DIV height:50px  | 
+--------------------------------------+

來源

2013-01-14 user840250

我認爲如果你把那個div放在底部，它可能出現在主要內容區的上方。

你可以用這個CSS雖然achive 100％高度：

html, body, #content_div 
{ 
    height: 100%; 
}

然後設置上的內容DIV溢出。棘手的部分將獲得底部的固定格不重疊。要以跨瀏覽器的方式來實現這一點，唯一的方法是使用Javascript檢測開始時可用窗口的高度，從中減去50px，並在內容div上設置高度。您可能還需要在其中添加onresize事件處理程序，以處理用戶調整瀏覽器窗口時的情況。

來源

2013-01-14 16:06:33

我不確定作者是否需要將主div的高度設置爲100％-50px，存在「高度：100％（窗口）」問題。但如果是的話，可以使用'position：absolute; top：0; bottom：50px;'而不設置高度。 – antejan

從他的ASCII圖中，我認爲可滾動區域只是在底部div上方。無論如何，您仍然需要在html和body標籤上設置高度，以強制瀏覽器使用瀏覽器窗口的整個高度。 –

謝謝，頂部：0;底部：50像素;完美的作品 – user840250

溢出：滾動和100％的高度

回答

相關問題