問題與位置：固定和散列標記（詳細內容）

我有一個position:fixed;導航欄。每當我轉到mypage.html＃myid時，導航欄會重疊myid的一些內容。如何將整個頁面向下移動一點，以便導航欄不覆蓋內容？問題與位置：固定和散列標記（詳細內容）

P.S.我試過body{padding-top:50px;}

來源

2012-04-10 Leo Jiang

你不能在myid div上使用margin-top？你的主要內容應該在一個div裏面，這個div應該放在body裏面，然後myid div可以從body裏面下壓，爲固定導航欄留出足夠的空間。

一些代碼將有助於...

來源

2012-04-10 01:44:06

IE7有問題與邊距，我想填充機頂更安全。 – Jay 2012-04-10 01:45:54

IE7在瀏覽器方面存在問題。 – 2012-04-10 01:50:26

跟我說說吧！ – Jay 2012-04-10 01:52:36

有一些hacky解決方案需要。

#myID:before { 
    display: block; 
    content: " "; 
    margin-top: -285px; /* navigation height */ 
    height: 285px; /* navigation height */ 
    visibility: hidden; 
}

邏輯是在#myID內容前添加隱藏元素，這樣瀏覽器會給它一個隱藏空間。由於利潤空間的減少會阻止它提供物理空間。

請看看這裏查看詳細：http://css-tricks.com/hash-tag-links-padding/

來源

2013-03-12 13:58:43 Mesma

您可以在有關鏈接內容的答案和建議的解決方案的幾個字中添加一些說明嗎？ – 2013-03-12 14:26:29

問題與位置：固定和散列標記（詳細內容）

回答

相關問題