Html CSS/Tailwind让flex grow子对象在溢出时滚动

我无法使div中的内容在溢出时滚动。我已经玩了一天的大部分时间了，还没有真正得到任何东西！我使用顺风的布局。在我进入我尝试的内容之前，这里有一个链接指向一个顺风运动场，演示我的问题：。我做了一些评论，我在幕后使用React，所以这只是Chrome的粘贴输出，这就是为什么在带有rsw类名的div上设置一些样式有点麻烦的原因

我看了这里：事实上，如果我在第45行的

div.tw-overflow-scroll

上设置了一个手动高度，比如添加

tw-h-80

类，那么它会滚动并只占据该高度（相当于

height:20rem；

）。然而，我希望这个能完全填满剩余的空间。如果我将其替换为

tw-h-full

，这相当于添加

高度：100%所以它似乎在百分比高度上有问题。我已经在操场上指出了要注释的行，看看布局应该是什么样子。当没有溢出的内容时，它可以正常工作

我还读过其他文章，在包含溢出容器的flex子级中添加一个
minheight:0px
，可以修复它。唉，似乎没有。我一整天都在扯头发，因为这肯定比我发现的要容易？如果有人能提供一些帮助，我将不胜感激
 给你


您错过了两个
tw-h-full
和一个
tw-min-h-0
谢谢。然而，尽管它使列表可滚动，列表中的最后一项仍然从底部被切掉，下面的按钮也是如此。这里有一个更好的例子来说明它应该是什么样子，但是我没有完整的高度列表，而是在可滚动容器中添加了一个手动高度：