調整固定標題下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); 
});