ナビゲーション位置が固定されています - 右に揃えることができません

Question

ナビゲーションを右に揃えることができず、位置が固定されています。 私は以前のスレッドを読んで、提案されたものを実装しましたが、それにもかかわらず、それをメインコンテナ内に残して右に揃えることができません。
これはまったく動かず（浮動小数点：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; 
} 

問題は、このサイトに発生します。www.oktawiakata.com
ログイン：
ログインパスワード：あなたのヒントを事前に

おかげで多くのことをsuperstrongpassword！

Answer 1

私はそれをメイン容器内に残し、右側に整列させることはできません。 position:fixedで

あなたの要素の位置は、ブラウザのウィンドウからの相対となりますので、それはそれはCSS用語で、メインの容器内にとどまるだろうと言うことは、正確に正しいではありません。

あなたはそれがメインの容器内に滞在したい場合は、あなたがposition: absolute

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

UPDATE使用する必要があります。

：あなたのコメントに提供した例のように、ナビゲーションバーのために、このコードを使用し

を

HTML

**スタックスニペットに好ましく**質問自体に**それを再現するために必要な最短のコードが含まれている必要があり、コードの助けを求めるの

CSS

#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 ... 
} 

Answer 2

要素が固定要素として配置されている場合、正しい値を0pxに変更する必要があります。

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

これは作業を行う必要があります。