导航栏在应用位置后更改其位置：对其进行固定值答案

【问题标题】：Navbar changing its position after applying position: fixed value to it导航栏在应用位置后更改其位置：对其进行固定值
【发布时间】：2021-02-21 15:49:59
【问题描述】：

应用位置前的代码：固定值

#nav {
  top: 0%;
  margin-left: -300px; 
  padding: 0;
  margin: 0;
}

还有网站截图

应用位置后的代码：固定到它

#nav {
  top: 0%;
  margin-left: -300px; 
  padding: 0;
  margin: 0;
  position: fixed;
}

现在是网站

我的 HTML：

<nav id= "nav" class="w3-center w3-animate-top">
 <ul>
   <li> <a href="#"> Home </a></li>
   <li> <a href="#"> Games </a></li>
   <li> <a href="#"> Videos </a></li>
   <li> <a href="#"> Portfolio </a></li>
   <li> <a href="#"> Contacc </a></li>
 </ul>
</div>
</nav>

【问题讨论】：

fixed 是相对于视口的（有一些例外）。请同时包含您的 HTML。没有 HTML，CSS 就毫无用处。
我的 html 文件中确实有 viewport 标签@disinfor
这根本没有帮助。发布您的#nav 菜单的 HTML。编辑您的问题并使用<> sn-p 功能。
@disinfor 完成。
为什么要以像素为单位应用负边距？您是否针对特定设备？此外，如果您使用的是固定位置，如果您希望它占用整个可用宽度，则必须手动设置宽度

标签： html css css-selectors css-position

【解决方案1】：

请删除 -300px 并尝试，它将使内容居中。如果这就是您要问的全部内容，否则请提供其他代码，因为导航栏设计 css 似乎不是来自 w3 css。

【讨论】：