ナビゲーションバーが右にスクロールされている理由がわかりません

Question

ここはjsbinにあります。しかし、必要に応じてファイルをアップロードすることもできます。画像やその他のファイルが失われているため、すべてが適切ではありません。しかし、私の唯一の問題は、ナビゲーションバーの右側です。ロゴコンとアウトバンクが中央のコンテナ内に収まっている間、「私たちについて、ブログ、安全、ヘルプ、今すぐダウンロード」は画面の端まで押し込まれています。

右のナビゲーションバーのリンクは、左の2つのリンクと同じで、左のリンクの代わりに右側のリンクです。

私はhtmlとCSSを学んでいるので、サイトを探していて、ゼロからリメイクしようとしています。私に教える人がいないので、私がより良くなるために考えることができる唯一の方法です。すべてのUdemyコースとテキストコースだけが私の脳のために何かを見逃しています。誰かがなぜこれが起こっているのか教えてもらえますか？

おそらく、HTML/CSSパネルをページの左側にドラッグして、私が参照しているものを表示する必要があります。 navbarは、このスタックオーバーフローページのようにする必要があります。 StackIcon、 "stackoverflow"が右側にリンクします。すべてのページの中央にはコンテナの幅があります。 http://jsbin.com/nodifoxama/edit?html,css,output

Answer 1

.nav { 
    background-color: #fff; 
    padding: 20px 0; 
    position: fixed; 
    z-index: 5; 
    width: 100%; 
    box-sizing: border-box; 
    //add 
    left: 0; 
    top: 0; 
} 

Answer 2

ブラウザ画面のサイズが縮小されたときに、あなたのCSSを処理していないので、あなたのグリッドデザインが正しく動作していません。

CSSとHTMLを初めてお使いの方は、カスタムCSSレスポンスページを作成するのではなく、WebページにCSSブートストラップを実装することを強くおすすめします。あなたのhtmlコードである

http://www.w3schools.com/bootstrap/