<code>&lt;a name "hoge"&gt;</code>の位置をずらしたい。

このサイトの上部のnavbarがあって、「全文を表示する。」をクリックすると該当の記事が最上部に表示するように<a href="#paper999">とリンクを貼っています。

何も手当しないままだと、ちょうどタイトル部分がnavbarの下に隠れてしまうので、<a name "hoge">でページが移動する位置をずらしたいので、ネットを検索しました。

<a name="paper999">
<h1 class="title">タイトル</h1>

となっているのを

<a name="paper999">
<h1 class="title" style="padding-top:64px;">タイトル</h1>

とすると、navbarに重ならなくなりますけれど、隙間が開き過ぎますので、

<a name="paper999">
<h1 class="title" style="padding-top:64px;margin-top:-64px;">タイトル</h1>

として、padding-top:64px;margin-top:-64px;で打ち消すと、うまく表示されるようになりました。

なぜだかは、わかりません、、、

ChromeとSafariだとうまくいきましたが、Edgeではだめでした。