缩放容器以监控大小而不会丢失滚动条?

时间:2013-11-23 19:37:11

标签: css html scrollbar containers scale

在我的网站上,我有一个div,其中包含网站的所有主要文本和内容,但它位于固定高度,这意味着在较大的监视器上,容器不会像我希望的那样垂直缩放。

我尝试将div的css属性设置为高度为“auto”,但是这使得容器中的滚动条完全被移除,页面只是无限延伸而不是包含在容器中但仍然缩放以监控尺寸。

我希望根据浏览器大小使容器垂直调整到屏幕大小,而不会丢失内容容器本身中的滚动条。我怎样才能最好地实现这个目标?

1 个答案:

答案 0 :(得分:0)

尝试将高度设置为百分比,将溢出设置为自动。如果希望滚动条始终存在,请将溢出设置为“滚动”。

#mydiv {
height: 80%;
overflow: auto;
}

http://jsfiddle.net/z9j3M/