Html 如何展开我的导航栏，我的代码中有display:flex

我一直在尝试扩展我的导航栏，但我似乎做不到，我有显示：flex；在上，使用justify content:space，但它似乎没有任何作用

提前谢谢

<nav id="nav-bar">
<ul>
  <li> <a 
       class="nav-link" 
       href=#Programs
       id="Programs">
    Programs </a></li>
    
 <li> <a 
       class="nav-link"
       href=#Results 
       id="Results"
         >Results</a></li>
<li><a 
       class="nav-link" 
       href=#Pricing 
       id="Pricing">
  Pricing</a></li>
    </ul>           

这是：

.navbar{
    width: 100%;
    position: static;
    z-index: 1;    
    white-space: nowrap;
}

z索引确保它保持在顶部，静态确保它对div是静态的，

---

宽度100%确保始终为最大长度

您的回答非常有用，谢谢：）我还有一个问题，如果可以的话，我不知道如何在小回答中使用代码片段。您能更具体一点吗？如果我对这个问题的回答有帮助，请投上一票。那么，如果你在这里写另一个问题，请将链接发送给我，我会尽我所能回答这个问题。好的，我只能每90分钟发布一个问题，谢谢。

.navbar{
    width: 100%;
    position: static;
    z-index: 1;    
    white-space: nowrap;
}