Css 语义UI，网格类=”的列的div子级；ui网格单元填充“；不会滚动-[已更新]

这是简单的语义UI和非常轻量级的CSS

我正在尝试将一个列表放入一个列中，该列表的行为恰巧像一个树视图，并使其在其内容超过父列高度时可以滚动。我预计这是用纯CSS完成的。然而，我似乎无法让它工作。我做错了什么

这是一个精简版-很抱歉有几十亿个div，但语义UI列表就是这样工作的，我需要足够的空间在列表元素中创建一个合适的高度

将代码段运行到新窗口，然后通过向上拖动底部边缘来调整窗口大小，使其变短。您将看到网格的底线移动以重新调整其边距，青色/蓝色边框也向上移动，因为其高度=父级的100%，并且父级高度正在减小。当青色/蓝色边框与洋红列表元素相遇时，我们应该会得到一个垂直滚动条

编辑：问题似乎与

<div class="ui grid celled padded">

结合

<div class="row">

在重新确认我没有发疯，并且只需要在普通div示例上设置样式@overflow-y:scroll@，然后离线返回下面的演示，切掉所有SUI位，然后重新介绍之后，我得出了这个结论

所以用普通代码重新编码

<div class="ui grid" style="height: 90%;">

删除行div似乎是未来的方向。在我的用例中，我并不特别需要grid@celled padded@选项，因此不会造成任何伤害

然而，在其他情况下，我不希望能够滚动固定高度行中的长内容吗？还是我想得太多了。该喝点咖啡了

本期的原始演示如下：

树状脚手架
.contentwrapper{
高度：100vh；
}
p{
保证金：1百万元；
}
信息

树形图
项目1-1
第2-1级
第3-1级
第4-1级
第4-2级
二级-二级
等
等
等
等
等
等
等
等
等
等
等
等
等