內容滾動頁眉下方

Question

我想讓我的頭固定在每個頁面的頂部，所以我增加了以下規則...

header { 
    position: fixed !important; 
    top: 0px !important; 
    z-index: 100; 
} 

現在我的問題是，在頁面的其餘部分被截斷頭。有人能告訴我我能做些什麼來解決這個問題嗎？

Answer 1

您將需要添加一個margin-top到您的內容div應該等於頭的高度。例如，如果這是你的結構：

<header></header> 
<div id="wrapper"></div> 

和你的頭有200px的高度，你應該將下面的CSS添加到您的樣式表：

#wrapper { 
    margin-top: 200px; 
}