fixedを使うのが一般的ですね。}その際、下図のようにメインコンテンツがヘッダーの下に重なって隠れてしまうときの原因と解決法です。この記事の目次ヘッダーが”浮く”のが原因ヘッダーの高さ分だけの余白を取るbodyタグに当ててもOKヘッダーが”浮く”のが原因まず原因を図解します。下図の状態だったのがfixedさせるとこうなります。headerが宙に浮いており、その下にmain部分が潜り込んでしまっています。fixed;って、浮くんですね。floatと一緒です。ヘッダーの高さ分だけの余白を取るそれが分かれば対処法は簡単です。header直下の要素に、headerの高さ分だけの余白を取ってあげれば解決です。paddingでも、高さ分のdivタグを差し込んでも良いでしょう。bodyタグに当ててもOKちなみにこういった上部固定ヘッダーナビは、特殊な作りじゃなければサイト内すべてのページに適用されますよね。あれば、そもそものbody要素にpadding当ててあげても良いかと思います。サイト保守費の決済を全自動でラクにしませんか?この記事を読んでくださったWeb制作会社・フリーランスのあなたへ。サイト保守契約は月払いが多いと思いますが、決済方法はどうされていますか?便利なのがクレジットカード定期引き落とし。一度お客様に簡単な手続きをいただければ毎月自動で決済してくれるので、制作会社・お客様とも手間が大きく軽減されます。いうサービスを3年以上利用中です。導入は無料で、コストはクレジット決済手数料の3.75%のみ。毎月請求書を送る、未払いがないかチェックする..などの手間が省けるなら安いのではないでしょうか。手続き操作もカンタンで、「サブスク販売で定期的なクレジットカード決済を導入する(Squareを利用)」という記事で解説もしていますので、ご参考ください。保守費決済のほか、ちょっとした小額決済も請求リンクを送ってすぐ完了。非常にラクでオススメです。アカウント登録して、一度使い心地を試してみてください。ホームページ専門の制作事務所Houn(ほううん)代表の田野正樹です。ヘッダーをposition:fixedで固定時、直下の要素が重なって隠れる原因と解決法ご相談は随時受け付けておりますホームページを初めて作りたいリニューアルを考えている現在の運用が正しいのか不安..まずはお気軽にご相談ください。何から相談したら良いか分からないといった、漠然とした状態でも大丈夫です。事業内容と相談ご希望の旨をお伝えいただければ、丁寧にご案内いたします。