我正在做一个元素,我有一个响应式导航,尽管导航似乎一切正常。但是当涉及到内容时,内容并没有跟随它应该在的位置,而是在导航下方。我不确定如何解决这个问题,但无论如何,要在这里查看我的代码: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;
}
最佳答案
您可以将下面的代码添加到 #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 */
}
关于javascript - 在所有其他内容上导航以及与导航一起响应内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17938657/