我有一个带有 row
类的元素和紧随其后的三个 col
元素。现在,所有 col
元素都采用最大 col
的高度。
我想将列高限制为较小列的高度,这样,
- 此列
#colB
具有最小高度,但可以做得更大 - 如果其他两列超过
#colB
的高度,则应overflow-y: scroll
。
是否有使用 Bootstrap 4 实用程序执行此操作的好方法?
示例 js-fiddle 在这里:
最佳答案
如果您接受预定义的高度,您可以设置行的高度,然后如果后续的 div 高于该高度,它们将溢出。
否则,您将不得不使用 JavaScript 比较每个 div 的高度,选择最小的,然后直接在行元素上设置高度。
.row { height: 50vh; }
关于html - Bootstrap 4 : Limiting column height to a smaller column,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43335555/