幅のパーセンテージが揃っていない（ウェブコンテンツを含むナビゲーションメニュー）

Question

ナビゲーションメニューを自分のウェブサイトの他のコンテンツと整列させることに問題があります。

どちらも80％ですが、大きな画面サイズで見ると、ナビゲータのサイズを小さくしても調整できません。新しいdivや何かの中に入れなければならないのですか？ここで

はナビゲーションメニューのCSSです：ここで

#navigation { 
width: 100%;  
margin-left: 0px; 
margin-right: 0px; 
position: absolute; 
top: 0px; 

#navigation ul { 
width: 80%; 
margin-left: auto; 
margin-right: auto; 
display: flex; 
justify-content: space-around; 
padding: 0; 

は、コンテンツの残りのCSSです：

#container { 
width: 80%; 
margin-left: auto; 
margin-right: auto; 

ウェブサイトです：http://josefinaechenique.esy.es/biografia.html

問題の写真 here

私の#fixedbarと同じことが起こっています。あなたもそれで私を助けることができれば素晴らしいだろう。私はここで新しいです。

Answer 1

は、あなたは、単に「#container」に幅を削除した場合、それが適切に並べる必要があるコンテナ

#container{width:90%;}