我正在建立一个站点，在该站点中需要有3个带有{{1}}的部分。在每个部分中，每格有2列，一个div的一侧带有填充高度的背景图像，而另一侧的文本则需要在小屏幕上扩大容器的高度，以免容器溢出。
我已经尝试了这篇文章中的解决方案：Child inside parent with min-height: 100% not inheriting height
我目前在父级上使用min-height: 100vh，在背景图片上使用position: relative。可以，但是调整窗口大小时，文本不会将父项向下推，而是会流入下一个框。
我理解为什么会这样，但是有一种方法可以只使用CSS，使容器为100vh，并且当屏幕变小时，容器会逐渐适应它，而背景始终会填充高度。
position: absolute