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 */
}