展开其他 div 时背景不覆盖 100vh

【问题标题】：Background is not covering 100vh when expanding other divs展开其他 div 时背景不覆盖 100vh
【发布时间】：2020-12-24 17:14:04
【问题描述】：

在我的代码中，我加载了一个电子邮件列表，并将其分组。当我展开组（每个组的蓝色按钮）时，背景不再覆盖整个。在我的计算机中，这是行为，但是，在我创建供您检查的 jsfiddle 中，背景甚至没有用未展开的框覆盖它。

我很确定height:100vh; 应该完成它的工作：覆盖屏幕 100% 的垂直空间。但这不是我们想要的行为。

小提琴就在这里：https://jsfiddle.net/nseLa6o0/ 为了您的方便，我创建了一个您从顶部按钮加载的电子邮件列表，因此会出现这些框，请从此处下载：https://gofile.io/d/xT1rWa

【问题讨论】：

【解决方案1】：

将.backg样式改成

.backg{
    background-color: rgba(65, 0, 11, 0.883);
    width: 100vw;
    min-height: 100vh;
}

【讨论】：

成功了，谢谢！但是为什么，为什么 height 不起作用但 min-height 起作用？
您的身体高度取决于其内容大小。如果你设置height: 100vh; then，它将始终具有相同的大小 - 100vh，但如果你设置min-height: 100vh;，那么如果正文的内容大小小于100vh，它将具有100vh，并且将具有大于100vh的内容大小。