css - 在不丢失滚动条的情况下缩放容器以监视大小?

标签 css html scrollbar containers scale

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

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

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

最佳答案

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

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

http://jsfiddle.net/z9j3M/

关于css - 在不丢失滚动条的情况下缩放容器以监视大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20166940/

相关文章:

css - 使用 CSS 的曲线形状

html - 如何将 CSS 中的 HTML 数据属性用作属性?

php - 无法通过 php mail() 发送邮件

javascript - 为什么不先移动鼠标就无法滚动视差?

python - Tkinter 小部件上的垂直和水平滚动条

html - iframe 上的滚动条在 Chrome 中没有动画

html - 用于打印 HTML 的不同页面方向

css - 使用 Wicket 链接到 CSS 中的图像

javascript - 单击选项卡调用 jQuery 函数

html - 如何对齐BUTTON的文字中间