Css 反应：使div占据所有可用高度

我正在努力使我的div达到所有可用的高度

这是我的沙箱： 问题在于搜索没有发现任何卡片

---

我尝试了flex、flex grow等，但没有任何效果。

将其设置为：

最小高度：100vh应该需要它

编辑：
因此，这比基于html结构的外观要复杂一点，我建议如下使用css：

body, #root, .content{
  min-height: 100vh;
}

然后在您使用
的位置将其设置为：
最小高度：100vh应该需要它

编辑：
因此，这比基于html结构的外观要复杂一点，我建议如下使用css：

body, #root, .content{
  min-height: 100vh;
}

然后，当您使用
时，该属性的大小会发生变化，但我更改了标题，我犯了一个错误。@AnthonyDa您是否尝试过
flex:1 auto或
弹性收缩：自动？我试过flex:1自动；flex增长：1但不是flex-shrink@AnthonyDa因此，根据你告诉我的，我知道你试图使div
cardsContent
比另一个更大。但就目前而言，情况似乎并不糟糕。或者你说的是哪个部门？正如你刚才提到的“让我的div占据所有可用的高度”。但由于你的整个结构都是由div组成的，所以很难说是哪一个…是的，就是这一个，当有卡片的时候大小是好的，但当没有卡片的时候，我希望div占据所有可用的空间。尝试搜索一张不存在的卡片。该属性的大小正在改变，但我更改了标题，我犯了一个错误。@AnthonyDa您是否尝试过
flex:1 auto或
弹性收缩：自动？我试过flex:1自动；flex增长：1但不是flex-shrink@AnthonyDa因此，根据你告诉我的，我知道你试图使div
cardsContent
比另一个更大。但就目前而言，情况似乎并不糟糕。或者你说的是哪个部门？正如你刚才提到的“让我的div占据所有可用的高度”。但由于你的整个结构都是由div组成的，所以很难说是哪一个…是的，就是这一个，当有卡片的时候大小是好的，但当没有卡片的时候，我希望div占据所有可用的空间。尝试搜索不存在的卡。