如何創建固定的CSS3標頭？

Question

我正嘗試手動創建我的第一個網站，並且我有幾個關於如何執行操作的問題。請注意我想在純HTML5中完成此操作，而不是JS。我現在所擁有的只是一個導航標題，無論滾動多遠，它都應該保持固定在頁面的頂部。然而，爲了得到一個圖像尊重這個頭大小，我不得不訴諸以下方式使用CSS：

有沒有更好的方法來實現這個？

body 
{ 
overflow: hidden; 
} 
header { 
height: 20vh; 
} 
main { 
height: 80vh; 
overflow: scroll; 
} 

無論你認爲多少有點優雅都取決於你。

Answer 1

添加

position:fixed; 

到你要堅持到屏幕上的任何元素的CSS。

你的情況。大概，

header { 
height: 20vh; 
position:fixed; 
}