HTML中的导航不起作用

我正在尝试将导航添加到页面的不同部分。然而，这似乎不起作用。。。我做了大量的研究，但我真的不明白为什么这段代码不起作用

请注意，我是前端开发的初学者

这是导航：

<nav>
    <ul class="menu">
        <li class="menu"><a href="#about">About me</a></li>
    </ul>
</nav>

这就是我尝试导航用户的地方：

<section id="about">
    <h1>About me</h1>
    <p>some text about me</p>
</section>

关于我
一些关于我的短信

有什么东西我遗漏了吗

这是密码本

---

提前感谢：）

我只是想在codepen中复制/粘贴我的代码，然后就可以了。因此，当我实际尝试在浏览器上查看代码时，问题就出现了。

我在您发布的代码中没有看到任何问题，它应该可以工作。您可以在这里查看：我已经粘贴了您的代码并添加了一些
，因此您可以看到它移动了—我无法重现问题。