锚点链接在Firefox的锚点上方

Question

我在菜单中有锚点链接到页面上的锚点，但是在Firefox中，锚点似乎超出了实际的锚点 - 但是在Chrome中，它会将你带到锚点的位置 - 从一点点测试我已经完成了，似乎问题与填充有关。

你可以在这里看到问题; www.anjoykitchen.co.uk /

点击菜单＆amp;菜单中的Takeaway或About（它会在Firefox中）带您到顶部有间隙的锚点;但是在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中的一个元素上。