Css 缩放容器以监视大小而不丢失滚动条？

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

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

---

我想让容器根据浏览器大小垂直调整屏幕大小，而不会丢失内容容器本身内的滚动条。如何才能最好地实现这一点？

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

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