Javascript 在所有其他内容上导航，以及在导航时响应内容？

我正在做一个项目，在这个项目中，我有一个反应灵敏的导航，尽管，所有的导航似乎都能很好地工作。但是当涉及到内容时，内容并没有跟随它应该在哪里，这是在导航下面。我不确定如何修复此问题，但无论如何，要查看我的代码，并查看结果：

页面中的内容位于div“page”中，并且只有css：

.page{
    margin-top: -400px;
    max-width: 78.667em;
    margin-left: auto;
    margin-right: auto;
}

---

您可以将下面的代码添加到

#菜单中

使导航浏览文本

#menu {    
    z-index: 99;
    position: relative;
}

更新以回答对齐问题（快速修复）

---

内容应该在内容下面吗？这就是你想写的吗？抱歉，我想在内容下面说，现在已修复。哪个

.nav ul

，因为有多个？好的，谢谢！关于

.page

中的代码，我能做些什么才能使它与菜单/导航保持一致？对不起，我不知道你的意思。好的，在全屏“版本”中，“测试”文本与导航保持一致。但是当你缩小窗口的宽度时，文本不再与导航标题对齐。这是因为你的宽度被设置为“em”，这是由字体大小计算的。由于浏览器窗口缩小时字体大小不会改变，因此宽度也不会改变。想象一下（78.667*15px）=1180px是你的最大宽度。因此，您需要将所有宽度更改为%计算，或者将文本包含在与nav相同的div中的.page类中，但我不建议这样做。

.page {
    max-width: 82.667em; /* this becomes a fixed number */
    width: 100%;
    padding: 0 2em; /* spacing for the sides */
}