Css 在可滚动内容上使用全高背景色

我试着在左边有一个容器，在任何情况下都能达到全高，即使窗口高度很小，并且有一个卷轴。在右侧还有一个按比例缩放的背景图像

我遇到的问题是，当没有足够的高度时，容器只获得背景色，因为视口高度而不是外部窗口高度。有没有办法在可滚动和不可滚动的情况下保持背景色完好无损

演示：

html{
填充：0；
保证金：0；
}
身体{
填充：0；
保证金：0；
/*身高：100%*/
背景：url(https://picsum.photos/id/965/4300/2820)无重复固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
过滤器：progid:DXImageTransform.Microsoft.AlphaImageLoader（src='）。https://picsum.photos/id/965/4300/2820，sizingMethod='scale'）；
-ms过滤器：“progid:DXImageTransform.Microsoft.AlphaImageLoader（src=”https://picsum.photos/id/965/4300/2820“，sizingMethod='scale'）”；
}
.左{
宽度：50%；
浮动：左；
背景色：黑色；
颜色：白色；
}
/*启用此选项会在出现滚动时中断背景色*/
html，
身体
.左{
身高：100%；
}

Lorem ipsum dolor sit amet，奉献精英。你坐在那里，我坐在那里，我坐在那里，我坐在那里，我坐在那里，我坐在那里，我坐在那里，我坐在那里，我坐在那里，我坐在那里，我坐在那里，我坐在那里

尼希勒·马克西姆·努拉（Nihil maxime ad nulla）是一位杰出的作家。事实上，这是一个自由主义者的合法权益，减去实习费，这是一个腐败的惩罚，也就是巴黎的建筑设计师

这是一个很好的例子，它是一个发明者的名字，是一个特殊的名字，是一个值得重复劳动的名字。圣约翰，埃尤斯，特级

除消费者外，建筑设计师还应遵循理性、临时性、公平和自由的原则。伊普萨姆，伊洛，身体。错误在非，比泰

这句话的意思是：“除了我的名字外，我还可以用一个别名来解释我的权利。”！临时性紧急状态，无需更换，无需更换，无需更换，无需更换

这是一首歌。我的动物尊严阻碍了我的时间和我的生命！别名quam，pariatur aut error magnam，earum magni repellat reiciensis，aliquid，maiores acusamus

有一种方法可以做到这一点。。。。

---

你可以做背景定位：解决所有的问题。这将使背景在滚动时保持在相同的位置。使用左div上的

最小高度：100%

.left {
    ...
    min-height: 100%;
}

---

添加高度：100%和最小高度：100%是问题所在。只有添加最小高度才能解决此问题。

.left {
    ...
    min-height: 100%;
}