固定標題，坐在後面的DIV不在

我有一個小問題，如果有人可以幫忙。我可能真的很愚蠢，但我似乎無法讓我的DIV坐在我的固定標題下，因爲它正在坐在後面。固定標題，坐在後面的DIV不在

</body> 
    <div id="container"> 
     <div id="header"> 
     </div> 
     <div class="home"> 
      <img src="images/home.jpg" alt="" height="563" width="760"> 
     </div> 
    </div> 
</body> 

body { 
    text-align: center; 
} 

#container { 
    width: 760px; 
    margin-left: auto; 
    margin-right: auto; 
} 

#header { 
    padding-top: 250px; 
    position: fixed; 
    background-image: url(images/logo.png); 
    background-repeat: no-repeat; 
    background-position: 50% 40%; 
} 

.home { 
}

編輯：另一件不是在頭上有一個基本的CSS菜單，沒想到代碼是這個問題的必要。

來源

2012-09-26 Giles

定位絕對/固定將div從文檔流中取出。爲了讓.home坐在標題下方，您需要給它margin-top等於標題的高度

來源

2012-09-26 14:08:58 scoota269

有趣的是，我認爲這是這種情況，並修復。剛剛嘗試過，並且首頁的邊緣也將首頁移動了。沒有任何意義。但是，填充頂部不會，爲什麼會這樣呢？ – Giles

我認爲最好不要使用margin-top，因爲firefox會將margin-top值加倍。另一種方法是使用填充頂部而不是邊距頂部，並使用相同的值。或者，您可以在.home中添加一個空元素，並將寬度設置爲.home + 250px的高度。但如果可能的話，我寧願使用填充頂部來防止使用不必要的元素。 – PcPulsar

我用過，填充頂部完美。謝謝。 – Giles

固定標題，坐在後面的DIV不在

回答

相關問題