用占位符固定的位置

Question

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

原因是div是一个应该保持在最前面的标题。但是，内容应该在标题后面开始。所以，当页面滚动时，标题保持固定，其余的像往常一样滚动。为内容设置边距通常会有诀窍，但这种类型的标头具有动态高度。有任何想法吗？

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

Answer 1

固定且绝对定位的元素在正常页面流之外。您无法单独使用CSS来设置其他内容。

这里是一个小提琴，以防万一任何人想要，呃，小提琴。

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

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

Answer 2

将溶液于这种特定的情况下被用于内容的div用于相应样式表（台式机，移动设备）定义不同的margin-top值。然而，这不是一个通用的解决方案。问题在于移动版面中的菜单在块显示中包含了每个列表项。因此，根据项目的数量，内容div的margin-top需要手动调整。不完全优雅，但适合我。