備忘録。そのときそのときに勉強しているもののメモ

immature

stylesheet

ページ内リンクの位置を調整する方法

投稿日:

ページ内リンクをするときに、リンク先がコンテンツと被ってしまうことがよくあって、paddingで余白とか入れながら良い感じになるように調整をしていたけれど、こ、こんな方法で解決できるのか!!!と思ったので覚書。

html

<a id="name" class="anchor"></a>

css

a.anchor{
display: block;
padding-top: 70px;
margin-top: -70px;
}

margin, paddingで調整することで解決。便利~~

ブックマーク

参考:ページ内リンクのジャンプ先の位置をシンプルなCSSで調整する方法

-stylesheet

Copyright© immature , 2021 All Rights Reserved Powered by STINGER.