CSSでヘッダーを上部に固定する方法

スクロールしていっても要素を表示しておきたい時に。
備忘録的に書いておきます。

positionをfixedにする。

cssでposition: fixedにすると固定ができます。以下サンプル。

<header>
  ヘッダーを上部に固定
</header>

header {
    position: fixed;
    width: 100%;
    height: 200px;
    background-color: #d4d4d4;
}