css - 用占位符固定位置

Question

我有一个动态高度的 div。这个 div 需要定位:固定。下面的 div 应该在第一个 div 结束的地方垂直开始。

原因是 div 是一个标题，应该位于顶部。但是，内容应该在标题之后立即开始。这样当页面滚动时，标题保持固定，其余部分像往常一样滚动。为内容设置 margin-top 通常可以解决问题，但这种类型的标题具有动态高度。有什么想法吗？

编辑:我能想到的一种解决方案是打印标题两次并将第二次设置为 position: relative 和 visibility: hidden。虽然它应该有效，但这似乎是一个糟糕的解决方案。

Answer 1

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

如果有人想，呃， fiddle ，这里有一个 fiddle 。

http://jsfiddle.net/fX7cH/1/

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