More than 5 years have passed since last update.

[CSS]headerにposition: fixed;を使った際に、その下の要素が潜り込んでしまう場合の対処法

Posted at 2018-06-10

headerにposition: fixed;を使った際に、その次に来る要素がheaderに潜り込んでしまい、レイアウトが崩れてしまうことがあると思います。
そんな時は、

"hedderの親要素"::after{
  content: "";
  display: block;
  height: "headerの高さ";
}

という風に擬似要素を使うと解決します。