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

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); 
});