Javascript 为什么我的导航栏选项/按钮堆叠在一起？

早些时候，我将一些内容更改为CSS，并将页面导航栏的class/ID弄乱，导致按钮堆叠在一起。。。有人能找出问题所在，或者我如何解决这个问题吗

我包括了我的代码和正在发生的事情的图片。。。我一直在玩弄它，但没用。。。我的CSS中有些东西是空的，因为我还在处理它

非常感谢

html{
背景色：#85BDA6；
}
#标题{
文本对齐：居中；
字体大小：35px；
填充顶部：80px；
填充底部：50px；
}
#标题-2{
文本对齐：居中；
字体大小：30px；
垫底：20px；
填充顶部：50px；
}
#标题-3{
文本对齐：居中；
字体大小：30px；
垫底：20px；
填充顶部：50px；
}
#标题-4{
文本对齐：居中；
字体大小：22px；
}
#标题-5{
文本对齐：居中；
字体大小：22px；
填充顶部：20px；
}
#标题-6{
文本对齐：居中；
字体大小：30px；
保证金：0；
填充：0；
填充顶部：50px；
}
#定价{
填充底部：50px；
填充顶部：20px；
}
p{
字号：19px；
线高：1.7；
文本对齐：居中；
}
#录像带{
左边距：自动；
右边距：自动；
显示：块
}
#电子邮件{
显示：内联块；
}
#提交{
显示：内联块；
}
.输入{
文本对齐：居中；
填充顶部：30px；
填充底部：30px；
}
#电子邮件{
宽度：20%；
高度：25px；
}
#提交{
高度：30px；
}
#导航条{
位置：固定；
排名：0；
右：0；
背景颜色：灰色；
垫底：10px；
宽度：100%；
不透明度：0.5；
}
.导航链路{
字体大小：23px；
填充顶部：10px；
文字装饰：无；
显示器：flex；
论证内容：结束；
显示：内联；
右：0；
颜色：白色；
不透明度：1；
}
.导航链接：悬停{
文字装饰：无；
}
.bi-bi卡车{
显示：块；
保证金：自动；
}
.bi表情符号微笑{
}
.关于我们{
填充底部：50px；
}
.长途{
填充底部：50px；
}
@介质（最小宽度：500px；）{
p{
字号：18px；
}
}

奇里拉公司。
关于我们
Chirila&Co.是一家从2019年末开始的新冠肺炎大流行中诞生的移动公司。自公司成立以来，我们已经为数百名个人和家庭提供了服务，无论是在街区周围还是在全国各地。我们公司以诚信、经济、灵活和优质的服务为经营宗旨。我们承认，雇佣一家搬家公司真的是一帆风顺。我们希望我们的客户和潜在客户知道，我们是一家您可以信赖的公司，能够以安全、快速的方式转移您的财产
服务
局部移动
无论是在街区附近还是在整个州，我们公司都将帮助您移动您的财产，并将其运送到您的新住所或空间。
远距离移动
想将您的财产转移到州外的住宅或空间吗？也许在全国各地？没问题。我们公司也提供长途搬家服务。从洛杉矶到纽约，或从佛罗里达到华盛顿，我们为你提供保险
定价
与Chirila&Co.合作。我们为自己的灵活性和经济性感到自豪。定价取决于各种因素，如可能需要多少辆移动卡车以及您的新住所可能有多远。在页面底部提交您的电子邮件，我们会让我们的一名团队成员在1个工作日内与您联系，讨论您的情况并给您报价。别担心，你的手很好

尝试

显示：内联块

打开

.nav链接

，使其调整到内容宽度。块元素占据整行，除非手动设置其宽度。此外，要手动替代导入的样式，请使用

display:inline block！重要的


html{
背景色：#85BDA6；
}
#标题{
文本对齐：居中；
字体大小：35px；
填充顶部：80px；
填充底部：50px；
}
#标题-2{
文本对齐：居中；
字体大小：30px；
垫底：20px；
填充顶部：50px；
}
#标题-3{
文本对齐：居中；
字体大小：30px；
垫底：20px；
填充顶部：50px；
}
#标题-4{
文本对齐：居中；
字体大小：22px；
}
#标题-5{
文本对齐：居中；
字体大小：22px；
填充顶部：20px；
}
#标题-6{
文本对齐：居中；
字体大小：30px；
保证金：0；
填充：0；
填充顶部：50px；
}
#定价{
填充底部：50px；
填充顶部：20px；
}
p{
字号：19px；
线高：1.7；
文本对齐：居中；
}
#录像带{
左边距：自动；
右边距：自动；
显示：块
}
#电子邮件{
显示：内联块；
}
#提交{
显示：内联块；
}
.输入{
文本对齐：居中；
填充顶部：30px；
填充底部：30px；
}
#电子邮件{
宽度：20%；
高度：25px；
}
#提交{
高度：30px；
}
#导航条{
位置：固定；
排名：0；
右：0；
背景颜色：灰色；
垫底：10px；
宽度：100%；
不透明度：0.5；
}
.导航链路{
字体大小：23px；
填充顶部：10px；
文字装饰：无；
显示：内联块！重要；
颜色：白色；
不透明度：1；
}
.导航链接：悬停{
文字装饰：无；
}
.bi-bi卡车{
显示：块；
保证金：自动；
}
.bi表情符号微笑{
}
.关于我们{
填充底部：50px；
}
.长途{
填充底部：50px；
}
@介质（最小宽度：500px；）{
p{
字号：18px；
}
}

奇里拉公司。