Html div-won'；t使用固定收割台正确定位自身

我有一个标题

位置：fixed

。在该标题中有一个高度可变的div，其

min height:60px

现在，在header 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>

废话
废话

您所经历的是正常行为，因为收割台具有固定的位置。如果标题内容发生变化，那么实现所需内容的唯一方法是使用javascript动态更改#容器的填充

下面是一个例子：

---

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

我认为这在CSS中是不可能的，因为

容器

不像

标题

那样是固定的。不过，这里有一个问题。问题出在这个位置上：@Vucko上的设置已修复-谢谢，遗憾的是，您的解决方案没有起作用，因为当我在元素检查器的标题中向div添加内容以增加高度时，容器dv没有向下移动。@user1038814我的错误。谢谢您尝试Vucko，但仍然没有运气