概要

position: fixed;で画面上部にヘッダーを固定した場合の
アンカーリンクのズレを直す方法として以下を試しましたが、
親要素にoverflow: hidden;が設定されているとChromeで効かなくなることに気づかずハマったのでメモ。

試した解消法

```css アンカー要素 { margin-top: -60px; padding-top: 60px; } ```

:target::before {
   content: "";
   display: block;
   height: 50px;
   margin-top: -50px;
}

```css アンカー要素ID::before { content: ""; display: inline-block; height: 50px; margin-top: -50px; vertical-align: top; } ```

※Chromeで効かなくなります。Safari、Firefoxは大丈夫。