ヘッダーを固定したが、ヘッダー下の内容と重なってしまう。

Question

ヘッダーを固定したのですが、固定はできたもののヘッダー下の内容の文や画像に重なってしまいます。バックグラウンドで色を指定しても重なります。
ご存じの方いらっしゃいましたら教えていただけますでしょうか。```ここに言語を入力
コード

position: fixed;
width: 100%;
background-color: #fff

Answer 1

position: fixedを設定した要素は通常のフローから外れますのでそうなります。

「ヘッダー下の内容の文や画像」全体を囲むタグ（例えばmain）のmargin-topをヘッダーの高さに設定してください。