header タグ
CSS position: fixed; のサンプル
赤い領域は position: fixed; で固定しています。
ページをスクロールしても移動しません。
main タグ
テキスト1
テキスト2
テキスト3
テキスト4
テキスト5
(2018/05-2024/03) 動作: Edge120, Firefox120, Chrome119 ◎ ノート ・
MDN: CSS position