宽度百分比不会对齐（导航菜单与网络内容）

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{width:90%;}