只有100％的高度填充頁面

是否可以有100％的高度，但是div只填寫整個頁面。只有100％的高度填充頁面

所以，如果我把一個div的100％的高度，它應該擴展div一直下到頁面的結尾，但不再擴展帶來任何滾動條。那可能嗎？我知道身高：100％佔據了頁面的高度，並將div的高度設置爲該數字，但我不希望div實際上具有該數字的高度，但只能延伸至頁面末尾，不超過此數量。

100％身高或其他可能嗎？

我感謝您的幫助。

感謝

來源

2011-12-11 DemCodeLines

你的意思是你不希望任何人能夠進一步下降滾動？如果是這樣，請使用'

' – sooper

這不是默認行爲嗎？也就是說，頁面不會自動調整到最大固定垂直高度？ –

此問題已解決，因此無法正確回答。 – DemCodeLines

可以使用

<div style="top:0;bottom:0,left:0,right:0;"></div>

或使用jQuery：

$("#mydiv").height($(window).height());

來源

2011-12-11 03:04:50

沒有padding或border，如果你聲明的html，body和div 100％，它會延伸到瀏覽器窗口的大小。

如果你想使用padding和border，考慮使用CSS3屬性box-sizing: border-box;

Demo

更新：

使用僞元素（你可以使用一個空div）：

.top{height:100px; width:100%; position:absolute; top:0; left:0;} 
.rest{min-height:100%; background:lightblue; } 
.rest:before{content:''; display:block; width:100%; height:100px;}

Demo

來源

2011-12-11 03:03:16 bookcasey

不起作用。看看這裏：http：//jsfiddle.net/AdSjQ/1/ 看看滾動條是如何出現的，如果頂部有另一個div。我不想讓div延長。我希望它繼續填充瀏覽器的底部，而不是展開並帶來滾動條 – DemCodeLines

嗯，100％+ 100px是100％以上。 – bookcasey

的確如此，但我不希望添加100px，除非內容需要，否則無法保持滾動條不會到來？ – DemCodeLines

只有100％的高度填充頁面

回答

相關問題