Css 将相对div定位到固定div

我有一个标题与图像，应该是固定的，而滚动。下面我有一个容器，它应该始终与标题保持相同的距离。因此，如果我水平调整窗口大小，图像会调整大小，因此内容会改变位置

例如：

我将包装器设置为位置：固定；和要定位的容器：relative；。如果你调整窗口的大小，它会工作得很好。。容器与图片保持相同的距离。。但是我不能再滚动了，因此我不能再看到内容了。：-

我不知道如何使用JS，所以也许有人可以给我一个提示

---

任何元素都是固定的，其所有子元素也都是固定的。因此，包装器中的任何内容都将被锁定，这就是您无法滚动的原因。如果从包装器元素中删除fixed，那么nav仍然是固定的，主体可以正确滚动。从这里开始，我喜欢使用的一个小技巧是这样的

<figure class="image_container" style="background:url(files/Header/Haus_Sommer.jpg) no-repeat bottom center fixed;background-size:cover;">
  <img src="files/Header/Haus_Sommer.jpg" width="1460" height="1000" alt="" style="opacity: 0;">
</figure>

---

通过这种方式，您可以对标题图像使用“背景附件：已修复”，并且仍然可以从图像标记本身获得缩放，因为它刚将不透明度设置为0，但仍然存在。

寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码。尽管您提供了一个，但如果链接无效，您的问题对其他将来有相同问题的用户将毫无价值。请尝试制作一个代码笔或JSFIDLE来重新创建该问题。如果你能让问题更容易回答/更有吸引力，那么你就更有可能得到帮助。哦，对不起，下次我会改变这一点-让我的问题更容易回答/更有吸引力-英语不是我的母语，我非常高兴，我想描述我的问题是我做的：-谢谢你分享你的智慧：-谢谢。。我的问题是，200多页的每一张图片都是不同的，但我会记住你的答案。。它可能在其他时间派上用场…：-如果你愿意使用一点javascript，你可以做一些类似$'.image_container.eachfunction{var myImg=$this.children'img.attr'src'；$this.attr'style'，'background:url'+myImg+'no repeat bottom center fixed；background size:cover；；}；