CSS 导航栏隐藏了我的内容

Question

我的导航栏超出我的内容时遇到问题

我不知道我能做什么所以请帮助

当导航栏处于 responsive/mobile 模式时，它可以工作，但当它处于桌面模式时，它不会:(

Answer 1

您所要做的就是像这样将无序列表的位置更改为静态：

/*Strip the ul of padding and list styling*/
ul {
list-style-type:none;
margin: auto auto; 
padding: 0;
margin-bottom: 10px;
position: static;

}

并将您的段落文本放在

<p>

标签

或将您的 ul 包裹在 div 标签

中

Answer 2

通过绝对定位导航栏，您可以将其从文档的正常流中移除。

它不再在页面上保留必要的 space 作为块级元素，这会导致内容重叠。

几个选项 -

您可以将其更改为如上所述的静态定位。

或者，保持绝对定位 - 如果您希望导航保持固定在 window 顶部，甚至保持固定定位，并在内容顶部考虑必要的边距以确保导航栏不重叠。

CSS nav bar hiding my content