带有固定头的内联锚

Question

平，

我正在一个有固定标题的网站上使用脚注，我试图在文本中的脚注编号和页面底部的脚注文本之间进行交叉链接，这样可以正常工作。但是从页面底部的脚注文本到文本中的脚注编号的链接让我很头疼。 我不能使用这种风格（它引入了一个我不想要的换行符）。

a.anchor{
  display: block; 
  position: relative; 
  top: -125px; 
  visibility: hidden;
}

还有其他办法可以做我想做的事吗？

提前感谢！

...... 编辑:(这是我的当前代码）

HTML：

INTEXT：

<p >some tesst<span ><a class="anchor" id="footnote-027-backlink"></a><a class="_idFootnoteLink" href="#footnote-027">1</a></span> some more text.

页面底部：

<a class="anchor" id="footnote-027"></a>
    <div class="_idFootnote">
        <p class="footnote"><a class="_idFootnoteAnchor" href="#footnote-027-backlink">1</a>footnote text</p>
    </div>

的CSS：

a.anchor{
  display: block; 
  position: relative; 
  top: -125px; 
  visibility: hidden;
}

这是什么呢？它在实际脚注之前开始一个新行，因为它设置为显示：块但是display: inline没有任何区别。我想要的只是继续。