Html 宽度为100%的页脚，包含多个元素，这些元素位于'；当窗口宽度减小时，t与布局的其余部分一起移动

以下是窗口处于全尺寸时网站的外观：

这是窗口宽度减小时网站的外观：

您会注意到，一旦窗口的宽度减小到足以接触到道路的左边缘，整个页脚部分（即道路、黑匣子、地面上的岩石）将停止与布局的其余部分一起移动，并保持不变

理想情况下，我希望页脚与布局的其余部分一起移动，以便页脚中的黑框与其上方三个框的网格相匹配，如下所示：

我已经试着修复了几个小时，我想我需要一些帮助。如果有人有耐心帮我，我会非常感激

---

感谢阅读。

此图像中的问题

---

您应该将此图像裁剪为两个不同的片段，一个片段用于桥接bg，另一个片段用于内容bg您的问题将得到解决。

不幸的是，该网站仍处于维护模式，因此我无法提供实时演示。我希望我能。抱歉。请将代码放入并使用服务器上图像的绝对路径。这样我们就可以看到问题的发生。公平地说，如果没有任何演示，我们很难筛选整个html/css来解决问题。如果您提供一个演示，我们只需在开发者工具中编辑代码即可。我把它添加到原来的帖子里。对不起，伙计们。