动态容器中 div 的 CSS 滚动条

Question

我有一个屏幕，分为 3 列，跨越屏幕的整个高度，我想在 3 个部分中的每一个部分都有一个滚动条，而不是整个页面都有一个滚动条。我发现所有建议的内容都是容器元素的固定高度。是否可以将此设置设置为流体动态高度？

谢谢！

Answer 1

您可以设置为具有屏幕高度的 3 个元素，因此它不会阻止页面滚动，并且它们会填满整个屏幕

.column {
  height: 100vh;
  overflow: auto;
}

Answer 2

使用 css 将元素的高度设置为屏幕的高度并溢出为自动：

height: 100vh;
overflow:auto;

这里有一个jsfiddle：https://jsfiddle.net/h7qkcnw1/

希望有帮助。