Html 赢得的宽度百分比'；t对齐（导航菜单与web内容）

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

两者都是80%，但当我看到他们在一个更大的屏幕大小，它不会对齐。。。即使我缩小了导航器的尺寸。我必须把它放在一个新的div里吗

以下是导航菜单的css：

#导航{
宽度：100%；
左边距：0px；
右边距：0px；
位置：绝对位置；
顶部：0px；
#导航ul{
宽度：80%；
左边距：自动；
右边距：自动；
显示器：flex；
证明内容：周围的空间；
填充：0；

以下是内容其余部分的css：

#容器{
宽度：80%；
左边距：自动；
右边距：自动；

网址为：

问题照片

---

我的

#fixedbar

也是如此。如果你也能帮我，那就太棒了。我是新来的。

试着从容器中删除边距

#container{width:90%;}

---

如果您只是删除“#container”上的宽度，那么它应该正确对齐。