为什么这个<div class =“nav”>破坏了我的导航定位？</div>

Question

<div class="nav">
 <ul id="menu">
   <li><a href="C:\Users\mfzi\Desktop\site\test.html">Home</a></li>
   <li><a href="C:\Users\mfzi\Desktop\site\chat.html">Chat</a></li>
 </ul>
</div>

此代码向我显示：

<ul id="menu">
  <li><a href="C:\Users\mfzi\Desktop\site\test.html">Home</a></li>
  <li><a href="C:\Users\mfzi\Desktop\site\chat.html">Chat</a></li>
</ul>

此代码显示：

问题是，我试图让我的导航栏在整个网站的每个页面都保持相同..如果不使用<div>我无法做到这一点。我的CSS是对的，因为它在主页上正常工作..只是不在聊天页面上。

有什么想法吗？

澄清一下，我希望我的导航栏向左浮动（我已设置），而不是像第一张图像一样拼接在一起。我希望它是第二张图片，但是我不能像我那样做，因为它会破坏我的主页（导航栏会不在视野范围内）。