0

我正在做一个项目,我有一个响应式导航,虽然,导航似乎一切正常。但是当涉及到内容时,内容并没有跟随它应该在的位置,而是在导航下方。我不知道如何解决这个问题,但无论如何,看看我的代码去这里: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;
}
4

1 回答 1

0

您可以添加下面的代码以#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 */
}
于 2013-07-30T05:06:34.483 回答