css动态容器中div的滚动条

Question

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

谢谢！

Answer 1

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

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

Answer 2

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

height: 100vh;
overflow:auto;

这是一个jsfiddle：https://jsfiddle.net/h7qkcnw1/

希望有所帮助。