Html 如何将高度和最小高度结合起来，始终将div拉伸到底部，并保持背景可见

我尝试了许多建议，但到目前为止没有任何效果。 上下文：我有一个居中的主部分（白色背景），使用flex可以很好地延伸到页面底部。请参见此图：

现在，网站上有一个部分有很多内容。问题在于，滚动会将白色背景带入视图，而图像应该保持不变：

我已经能够修复它，但这打破了第一个视图（见下文）。 以下是迄今为止的HTML和CSS（也使用引导）

...
只需添加
overflow:scroll
到
.bg
div，使div内溢出的所有内容都位于父div的边界内，并带有一个滚动条

演示


body，html{
身高：100%；
保证金：0；
}
.bg{
溢出：滚动；
背景图像：url（“https://via.placeholder.com/150");
身高：100%；
背景位置：中心；
背景重复：重复-y；
背景尺寸：封面；
背景附件：固定；
}

一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
一些内容
min height:100vh至.bg，并移除身体所有部分，html@TemaniAfif只是尝试了这个，没有修复内容很少的页面（上一个截图）你注意到“vh”了吗？@Temaniaff如果是的，谢谢，投票关闭的人，引用的问题对我没有帮助。。。但没关系。：）