Bootstrap 4列的高度为100％（浏览器上没有滚动条）

Question

我正在使用Bootstrap 4，并尝试将页面上的3列设置为100％的高度-仅在列上具有滚动条，而不在页面上具有滚动条。我已经在 row div上尝试了h-100，还进行了各种自定义的CSS更改，例如将每一列的高度和最大高度设置为100％，以及在Stack Overflow和其他平台上找到的其他解决方案网站。无论我做什么，我都无法正常工作。如果有人可以帮助我，将不胜感激。这是网站：

https://gordon-matt.github.io/Extenso/

要查看我要执行的操作，请转到此处： https://gordon-matt.github.io/Extenso/#assembly/bde7b8d9-116a-4e39-939f-2acce6aba664

然后单击左侧的第一个按钮（显示“ 18个课程”的按钮）。您将看到中间的列是一个列表组，并将填充项目。滚动条将出现，但是它们的扩展长度超过页面本身，现在浏览器上有一个滚动条。。相反，我不需要浏览器上的任何滚动条，而只希望列上的滚动条。我该怎么做才能解决此问题？

Answer 1

使用CSS属性 style="height:100vh"

Answer 2

您应该为每个设备使用height: 100vh;样式，以使每个设备的高度都为100％。

Answer 3

我建议不要过于频繁地使用!important，这会使特异性无法预测，

这是我的解决方案，只需检查以下CSS ID和类：

#types {
    overflow-y: auto !important;
    height: 58vh;
}

.h-100 {
    height: 73vh !important;
}

请让我知道它是否有效！