导航栏保持静止

Question

我目前正在设计我的导航栏，并注意到每当我通过滚动单词 move 来缩小页面时，导航栏中的文本现在会进入我的段落。

我怎样才能解决这个问题，使页面最小化不会导致我的导航栏文本停留在主页上而不进入我在主页上的段落？

Navbar code:

nav {
 width: 100%;
 height: 80px;
 font-size: 15px;
}
 


    HTML code 
<nav>
<div class="wrap"></div>
<ul>
    <li><a href="index1.html">Happiness</a></li>
    <li><a href="Index2.html">Example 1</a></li>
    <li><a href="Index3.html">Example 2</a></li>
    <li><a href="Index4.html">Example 3</a></li>
    <li><a href="Index5.html">Example 4</a></li>
</ul>
</nav>

Answer 1

在导航容器中使用 display flex，然后向其中添加一个 minMax。这应该有效。