如何溢出:自动占据整个垂直高度?

时间:2015-08-25 22:27:25

标签: html css

我有html,我有一个div:

<div style="overflow:auto;height:100%;">
Lots of lorep ipsum here that requires scrolling.
</div>

我的问题是当我将高度设置为100%时,没有滚动条,内容超出了窗口的总高度。如果我将其设置为500px,则有滚动条。如果我在高度为100%时设置背景颜色,则整个高度都会正确着色。

我希望能够做一些事情,我可以将高度设置为100%,并且能够拥有一个向下延伸到窗口长度的滚动条。这个div位于一个绝对高度为100%的div内。

2 个答案:

答案 0 :(得分:1)

您发布的代码没有问题

<div style="overflow:auto;height:100%;">
Lots of lorep ipsum here that requires scrolling.
</div>

https://jsfiddle.net/1e1gmvwp/

如果你想要答案,你将需要提供更多的背景信息。

P.S。我会评论这个,但你现在需要50个代表来写评论

答案 1 :(得分:0)

overflow属性指定是否剪切内容,渲染滚动条或仅在内容溢出其块级容器时显示内容。如果将容器设置为100%的高度,则默认情况下不会显示滚动条。

  

我希望能够做一些事情,我可以将高度设置为100%,并且能够拥有一个向下延伸到窗口长度的滚动条。

您可以使用overflow: scroll;让浏览器显示滚动条,无论是否剪切任何内容。