只有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％的高度填充页面

回答

相关问题