javascript - 导航所有其他内容以及与导航一起响应的内容？

Question

我正在做一个项目，我有一个响应式导航，虽然，导航似乎一切正常。但是当涉及到内容时，内容并没有跟随它应该在的位置，而是在导航下方。我不知道如何解决这个问题，但无论如何，看看我的代码去这里：http: //jsfiddle.net/MsDLC/并查看结果： http: //fiddle.jshell.net/MsDLC/show/

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

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

Answer 1

您可以添加下面的代码以#menu使导航遍历文本

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

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

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