div不会使用固定标头正确定位

Question

我有position:fixed标题。在这个标题中有一个div，它具有可变高度，min-height: 60px

现在，在标题div下面有一个名为container的div，它有以下css：

width: 1007px;
padding: 60px 0 0 0;
display: block;

现在只要标题是60px就可以正常工作，但是当标题高度增加时，容器的顶部会被标题隐藏。如何修复此问题，以便如果标题的高度动态变化为90px，则容器div将根据此新高度向下移动？

Html如下：

<div id="wrapper">
 <header style="width: 100%; display: block; position: fixed; z-index: 1;">
    <div class="b-block" style="min-height:60px;display: block;">blah blah</div>
 </header>
 <div id="container" style="width: 1007px; padding: 60px 0 0 0; display: block;">blah blah</div>
</div>

Answer 1

您遇到的是正常行为，因为标题具有固定的定位。如果标题内容发生变化，实现所需内容的唯一方法是使用javascript动态更改#container的填充。

以下是一个示例：http://codepen.io/seraphzz/pen/milpv

您获得标题的高度并将其设置为#container div的顶部填充。