在固定标题PHP下调整DIV的位置

Question

我有一个使用position:fixed保留在页面顶部的标题，它以50px高开头，但是，如果添加更大/更小的徽标，它的高度会发生变化，这意味着它可以与DIV容器重叠在它下面。有没有办法根据标题的高度移动DIV容器。这是我正在使用的CSS;

<style>
#header {
position:fixed;
top:0px;
height:50px;
width:100%;
}

.container {
margin-top: 50px;
width: 100%;
height: 250px;
}

</style>

这是我正在使用的HTML，它非常基本。

<div id="header">
  ... Menu ...
</div>

<div class="container">
  ... Content ...
</div>

我已经研究过使用javascript，但我知道这是客户端，所以无济于事。有办法解决这个问题吗？

Answer 1

您可以使用jquery读取容器的高度，然后使用它来设置容器margin-top的值。

试试这段代码：

$(document).ready(function(){
  var h=$("#header").css("height");
  $(".container").css("margin-top",h);
});