我的导航栏出现在我的内容上时出现问题
http://jsbin.com/jusejozene/1/edit?output
我不知道我能做什么，所以请帮助
当导航栏处于响应/移动模式时，它可以正常工作，但当它处于桌面模式时，它不会:(
答案 0 :(得分：0)
您所要做的就是将无序列表的位置更改为静态，如下所示：
/*Strip the ul of padding and list styling*/
ul {
list-style-type:none;
margin: auto auto;
padding: 0;
margin-bottom: 10px;
position: static;
}
并将段落文字放在
中<p>
标签
OR 将你的ul包装在div标签中
答案 1 :(得分：0)
通过绝对定位导航栏，您将从正常的文档流中删除它。
它不再在页面上保留必要的空间作为块级元素，这会导致内容重叠。
一些选项 -
您可以将其更改为静态定位，如上所述。
或者，如果您希望导航保持贴在窗口顶部，并将导航保留在窗口顶部的必要边距以确保导航栏确实存在，请将定位保持为绝对 - 或者甚至保持固定不重叠。