Html 定位灵敏定心

我正在尝试使导航居中，但尚未成功。其思想是，导航随着用户滚动页面而移动。它还必须具有响应性，因为导航应该始终显示。所以我想到了这个：

<nav id="nav" class="container">
      <ul>
        <li><a href="#avaleht" class="avaleht" title="Avaleht" >avaleht</a></li>
        <li><a href="#massaazh" class="massaazh" title="Massaaž" >massaaž</a></li>
        <li><a href="#kontakt" class="kontakt" title="Kontakt" >kontakt</a></li>
      </ul>
</nav>

我希望它是这样工作的：

---

非常感谢。

只需添加

左：0；右：0到固定的
#nav
元素：

#nav {
    position: fixed;
    left:0; right:0;
}

然后移除最后一个
li
元素的子锚元素的
右边距
：

#nav li:last-child a {
    margin-right:0;
}


并将右边边距：80替换为边距：5px40px

#nav a{
     margin: 5px 40px;
}

#nav {
    position: fixed;
    left:0; 
    right:0;
}

#nav a{
     margin: 5px 40px;
}