React ：使 div 占据所有可用高度
React : make div take all available height
我正在努力让我的 div 占据所有可用的高度。
这是我的沙箱：https://codesandbox.io/s/htstranslator-n3p04
问题是搜索没有找到卡片。
我尝试了 flex、flex-grow 等，但没有任何效果。
设置为：min-heigh: 100vh;应该接受
编辑：
所以这比根据您的 html 结构看起来要复杂一点，我建议 css 如下：
body, #root, .content{
min-height: 100vh;
}
然后你<div class="h-100"让它像：
<div class="h-100 d-flex flex-column" style="min-height: 100vh;">
有了所有这些设置，它应该像：
我正在努力让我的 div 占据所有可用的高度。
这是我的沙箱：https://codesandbox.io/s/htstranslator-n3p04 问题是搜索没有找到卡片。
我尝试了 flex、flex-grow 等，但没有任何效果。
设置为：min-heigh: 100vh;应该接受
编辑：
所以这比根据您的 html 结构看起来要复杂一点，我建议 css 如下：
body, #root, .content{
min-height: 100vh;
}
然后你<div class="h-100"让它像：
<div class="h-100 d-flex flex-column" style="min-height: 100vh;">
有了所有这些设置，它应该像：