如何创建固定的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;
}