ページ内リンクでジャンプした先の見え方が
ギリギリになってしまったり半分隠れることも
(特にヘッダーを固定しているとき)
もう少し上の方で止まってくれたら…
そんなとき
HTML
<a id="midashi" name="midashi">見出し</a>
CSS
a#midashi{ display: block; margin-top: -10px; padding-top: 10px; }
paddingで余白を設ければ位置を調整できるけど
デザイン的に余白を付けたくない
そこでマイナスのmarginを使い見た目だけ打ち消します
marginとpaddingの値はプレビューを見ながら調整
コメント