DIV 处于 100% 高度，包含表格，需要滚动条，未显示

Question

目标：

• 我希望容器 div 的高度为浏览器中可用高度的 100%。
• div 包含一个表，其中有很多记录。如此之多，以至于它远远低于 div 可用的可见窗口的底部。
• 当表格显示在 div 中时，div 不得将其高度扩展到可见窗口以下，而是保持可见窗口中可用内容的 100%，并创建一个滚动条，因此用户必须使用向下滚动div 中的滚动条，而不是页面的滚动条。

我能找到的所有解决方案都涉及设置包含的 div 的固定高度。但这会给平板电脑上的小屏幕用户带来问题，并且在大型全尺寸 PC 显示器上看起来很愚蠢。我需要将包含的 div 设置为 100% 的高度，以便它根据用户使用浏览器的操作进行扩展和收缩，并且我需要在同一 div 上有一个垂直滚动条，而不是整个网页上的滚动条.

Answer 1

作为一个选项，您可以使用不同屏幕尺寸的媒体参数，但是修改每个世界监视器的尺寸会花费太长时间，因此我会尝试在 CSS 样式中使用特定值，例如“vh”，这些值将提供容器的大小固定到用户的屏幕