所以我试图在 HTML 中访问我的根目录，但是当我使用 / 时它不起作用。因此，例如，我试图通过以下方式获取导航 css：
<link rel="stylesheet" href="/nav.css">
奇怪的是，当我使用带有实时服务器扩展的 VS Code 时，它工作得非常好，但我最近才注意到，当我单独运行 index.html 文件时，没有以 / 开头的链接工作。我也知道这也是问题所在，因为当我去掉上面一行中的 / 时，它又可以正常工作了（仅适用于根目录中的主页）。
【问题讨论】：
/表示域的根目录，如果文件在https://example.com/directory/index.html，会尝试加载https://example.com/nav.css
当我单独运行 index.html 文件时，没有以 / 开头的链接
如果您正在运行index.html单独，那么以/ 开头的链接将相对于您的文件系统 的根目录。
浏览器不（也不能）知道哪个目录代表您网站项目的根目录。
使用网络服务器。通过 HTTP 加载数据。
【讨论】：
/开头的网址。
试试这个：
./nav.css
它（我的意思是./）在index.html 的同一目录中加载文件，与nav.css 相同。使用 VS Code，我敢打赌 ./nav.css 也应该适用于实时预览：使用外部 HTTP 服务器（例如 Node.js 上的 http-server）会有所帮助，因为它将当前目录（index.html 所在的位置）作为root，您可以轻松访问/nav.css。如果没有实时服务器，则可以使用 ./nav.css（典型的 *NIX 路径）或简单的 nav.css 在 Windows 上不带斜线来访问相对路径。
【讨论】：
正如 Quentin 所指出的，如果您在没有服务器的情况下在本地加载 index.html 文件，则根目录将是您文件系统的根目录。如果您的要求是让index.html 文件在您教授的机器上本地工作而无需网络服务器，您应该使用relative paths。
为了从当前文件遍历备份你的文件系统，你可以使用以../开头的路径
【讨论】：
正如其他人所指出的那样，它不起作用的原因是，通过直接加载文件，您现在将其加载为本地文件而不是网站上的文件，因此您的 URL 库（您的 /）现在指的是到本地文件系统的根目录。这可能是 Windows 系统上的 C:\ 或 *nix 系统上的实际根 /。
要真正解决您的问题，我建议以下解决方案之一：
<base> 标签指定网页的基本href 应该是什么。 如果您不能使用服务器并且只有一个 HTML 文件，那么使用修复 3 可能是最快的。您可以使用 <base href="."> 将基础设置为 index.html 的当前目录我怀疑，这将是一个让事情像以前一样工作的解决方案。
以后最好考虑一下这个以及您将如何运行该文件，以及您的 URL 将与什么相关。我们在开发中使用的工具非常擅长隐藏网站实际部署方式的细节，这一点现在很容易被忽略。
【讨论】：
我不认为<base> 是个好主意。
它会改变整个页面的基本href，这可能会在使用其他链接或部分导航时引起问题。
【讨论】：