CSS属性固定页面头部（导航栏）

其实用postion: fixed并不是很方便，用position: sticky会更容易达到我们的目的。
只需要给头部设置：

position: sticky;
top: 0;

即可。
将position设置为sticky，那么头部组件还会占有着上方空间，所以下面的body中的组件可以不用设置预留top。如果是用的fixed属性，那么body下面的组件也要算出导航栏的长度，再设置top属性，这样一来就麻烦了很多