导航所有其他内容以及内容响应以及导航？

Question

我正在开发一个项目，我有一个响应的导航，但是，所有似乎都可以正常使用导航。但是当涉及到内容时，内容并没有跟随它应该在哪里以及在导航下面。我不知道如何解决此问题，但无论如何，要查看我的代码：http://jsfiddle.net/MsDLC/并查看结果：http://fiddle.jshell.net/MsDLC/show/

页面中的内容位于div＆＃34; page＆＃34;并且只有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 */
}