Как создать фиксированный заголовок 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; 
}