他の要素と重ならないように、ヘッダーを上部に固定

スクロールした時、他の要素と重ならないように、ヘッダーを上部に固定したい。

html

<header class-"header">
.
.
.
</header>

固定するためには position: fixedを使用し、
他の要素（文字など）と重ならないようにするためにz-indexを指定する。

css

.header {
  position: fixed;
  z-index: 99;
  width: 100%;
  background-color: white;
}