html - 在 Firefox 中 anchor 链接高于 anchor

Question

我在菜单中有指向页面上 anchor 的 anchor 链接，但是在 Firefox 中， anchor 似乎超出了实际 anchor - 但是在 Chrome 中，它会将您带到 anchor 所在的位置 - 通过一些小测试我已经完成了，看来问题与填充有关。

您可以在此处查看问题； www.anjoykitchen.co.uk/

点击菜单中的 Menu & Takeaway 或 About，它会(在 Firefox 中)将您带到顶部有空隙的 anchor ；但在 Chrome 上，它会将您带到您期望的确切位置。

Answer 1

您在两个不同元素上的链接具有相同的 ID:

<section id="menu" class="menu-container">
    <header class="menu-title">
        <h2 id="menu">Anjoy Kitchen Menu and Takeaway</h2>

ID 在页面上应该是唯一的，只出现在 DOM 中的一个元素上。