ページ内リンクをするときに、リンク先がコンテンツと被ってしまうことがよくあって、paddingで余白とか入れながら良い感じになるように調整をしていたけれど、こ、こんな方法で解決できるのか!!!と思ったので覚書。
html
<a id="name" class="anchor"></a>
css
a.anchor{ display: block; padding-top: 70px; margin-top: -70px; }
margin, paddingで調整することで解決。便利~~
ブックマーク
参考:ページ内リンクのジャンプ先の位置をシンプルなCSSで調整する方法