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

Question

我在将导航菜单与我网站的其余内容对齐时遇到问题。

两者都在 80%，但是当我在更大的屏幕尺寸中看到它们时，它不会对齐...即使我减小导航器的尺寸。我是否必须将其放入新的 div 或其他内容中？

这是导航菜单csscss：

#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%;}