CSSでヘッダーを常に一番上の要素にするにはどうしたらいいですか？

Question

画面をスクロールすると、mainの要素がヘッダーの上に重なってしまいます。
ヘッダーを常に一番上の要素に固定するにはどうしたらいいでしょうか？HTMlとCSSそれぞれ何を書いたらいいのか教えていただきたいです。よろしくお願いします。

Answer 1

ヘッダ要素に id="header" という風に ID 属性を振り、以下の様に CSS を当てます。

#header {
  z-index: 9999;
  position: fixed;
  top: 0px;
  left: 0px;
}

header という名前が被っている場合は適当に違う名前で試して下さい。

Comments

[miramikan]

ありがとうございます！無事解決しましたm(_ _)m

Answer 2

ヘッダー要素に
z-index:9999;
とcssに書くとどうでしょうか。

Comments

[miramikan]

ありがとうございます！うまくいきました！