Html 导航位置固定-无法向右对齐

当导航定位固定时，我无法将其与右侧对齐。 我阅读了前面的线程，并实现了建议的内容，但尽管如此，我还是无法使其保持在主容器中并与右侧对齐。
它要么根本不移动（使用float:right），要么离开容器。

<div class="container">
  <nav id="site-navigation" class="main-navigation" role="navigation">
    <div class="nav-positioning">
      <div class="menu-primary-navigation-container">
        <ul id="primary-menu" class="menu nav-menu">
          <li></li>
          <li></li>
          <li></li>
       </ul>
     </div>
   </div>
  </nav><!-- #site-navigation -->
</div>

.container {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    box-sizing: border-box;
}
header .main-navigation {
    position: fixed;
    padding: 20px 0;
    z-index: 3;
    width: auto;
}
.main-navigation {
    clear: both;
    display: block;
}

.集装箱{
最大宽度：1280px；
左边距：自动；
右边距：自动；
填充：30px；
框大小：边框框；
}
标题.主导航{
位置：固定；
填充：20px0；
z指数：3；
宽度：自动；
}
.主导航{
明确：两者皆有；
显示：块；
}

该问题发生在以下网站：www.oktawiakata.com
登录：登录
密码：密码

---

非常感谢您的提示

当元素定位为固定元素时，则需要将right值更改为0px

#someContainerCSS{
    position: fixed;
    right   : 0px;
}

那就行了

我无法使它停留在主容器内并与右侧对齐

使用

position:fixed

时，元素的位置将相对于浏览器窗口，因此用CSS术语说它将留在主容器中并不完全正确

如果希望它留在主容器内，则应使用

position:absolute

#main-container{
    position: relative;
}
#navigation{
    position: absolute;
    right: 0;
}

更新：

将此代码用于导航栏，如评论中提供的示例：

HTML

---

另外，我没有打开该网站。寻求代码帮助的问题必须包含在问题本身中复制所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。您好，谢谢您的帮助。我想让它保持在我的类。容器，当涉及到宽度时，但同时总是在顶部。我能把它粘在上面，它就留在我班的容器里的左边。容器。我不能把它移到右边，就像这里：www.vagabondygis。com@Aiwatko看看最新的答案。它不是一个完整的代码，但应该足以理解如何实现它。

<div id="navigation-bar">
    <div class="navigation-content">
        <ul class="navigation-menu">
            <!-- Your <li> elements here -->
        </ul>
    </div>
</div>

#navigation-bar{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: auto;
    padding: 15px 0px;
}
#navigation-bar .navigation-content{
    width: 1280px;
    margin: auto;
    text-align: right
}
#navigation-bar .navigation-content ul{
    // Your list styles ...
}