动态高度顺风CSS[滚动]

Question

已经为此工作了很长时间，但仍然停滞不前。最后我不得不求助。https://play.tailwindcss.com/daNoTjnFDQ所以这里我希望第3行的div滚动，而不是父div。我花了好几个小时才弄明白。div似乎需要一些高度，但它怎么可能是动态的呢。谢谢

Answer 1

您需要将max-h-** overflow-y-scroll添加到div中。

<main class="bg-gray-100 rounded-tl-3xl pl-8 h-screen">
<div class="mx-auto py-8 pr-8 max-h-96 overflow-y-scroll bg-red-100">

Answer 2

非常感谢。在我的情况下，当搜索输入发生变化时，我会弹出一个下拉菜单。

<div class="h-fit overflow-hidden">
<div class="overflow-y-auto scrollbar w-full max-h-96">
Load conten here
</div>
</div>