Css 用占位符固定位置

我有一个动态高度的潜水器。 这个div需要是位置：固定的。 下面的div应该从第一个div结束的地方垂直开始

原因是div是一个应该保持在顶部的标题。但是，内容应该在标题之后开始。这样，当页面滚动时，页眉保持固定，其余部分照常滚动。为内容设置页边距顶部通常可以做到这一点，但这种类型的页眉具有动态高度。有什么想法吗

---

编辑：我想到的一个解决方案是打印两次标题，并将第二个标题设置为位置：相对和可见性：隐藏。虽然它应该可以工作，但这似乎是一个糟糕的解决方案。

固定和绝对定位的元素在正常页面流之外。您不能单独使用CSS来设置与它们相关的或它们外部的其他内容

这是一把提琴，以防有人想要，呃，提琴

此特定情况的解决方案是为各个样式表（桌面、移动）的内容div定义不同的边距顶部值。然而，这不是一个普遍的解决办法。问题是移动布局中的菜单在块显示中包含每个列表项。因此，根据项目的数量，需要手动调整content div的边距顶部。不太优雅，但对我来说很管用。

我已经为此奋斗了一段时间，虽然不是完美的，但这里有一个不同的解决方案，它使用任何动态内容再次进入标题作为占位符，以获得完全相同的高度，然后使用CSS在视觉上隐藏内容和

aria hidden=“true”

HTML属性，以对屏幕阅读器隐藏。不要在这里弄乱利润

标题
标题
内容

为什么高度是动态的？高度是动态的，因为布局是响应性的。此外，没有代码可言。只有一个标题div和一个内容div。

<div id="page">
  <div id="header"></div>
  <div id="content"></div>
</div>

<div class="page">
  <div class="header">HEADER</div>
  <div class="header-placeholder" aria-hidden="true">HEADER</div>
  <div class="content">CONTENT</div>
</div>