Html 多导航标签冲突

我有两个用于移动和桌面导航的导航标签，问题是当我在页面底部包含第二个导航菜单时，桌面菜单会转到底部。如果我将桌面菜单的位置设置为fixed和top 0，它将保持在顶部。是否有任何方法可以用其他替代方法替换导航标签？我试过div，但没用

<nav><!-- desktop -->
<ul>
<li></li>
<li></li>
</ul>
</nav>


<nav><!-- mobile-->
<ul>
<li></li>
<li></li>
</ul>
</nav>

在CSS中使用以下声明：

@仅媒体屏幕和（最大设备宽度：480px）{…}

将您的手机特定代码放在括号之间

（或链接到完全不同的CSS文件，如下所示：

<link href="mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" />

---

)

您可以识别如下导航：

<nav id="desktopNavigation">....</nav>

<nav id="mobileNavigation">....</nav>

。。。。
....

使用简单的javascript隐藏桌面导航，也可以使用另一个脚本语言

---

但是；如果我在写代码，我更喜欢使用相同的导航和不同的css文件，比如friend on top send，而我写这个解释（使用媒体属性）

只是另一件事，我想让你想想；当您使用导航标签时，您不需要使用ul li标签，只需使用标签即可。你会得到同样的结果