对于导航栏的位置大小浮动 真的有点点难 我想要的和我实现的完全不一样

我想要的是这个效果 高端居中 顶部 然后带输入框

自己写的不居中 不顶栏 连大小都不能保持一致 还有左右我想通过外边距来实现 但为什么我给的外边距20%实现起来就是两边没得20%呢

盒子居中方法很多的，不要用边距慢慢调
1、给margin: 0 auto;
2、定位：父盒子相对定位，子盒子绝对定位左50%，transform:translateX(-50%)。
3、flex布局
4、grid布局

代码贴出来看一下

你先给导航栏给个固定宽度，然后margin:0 auto就居中了
如：width:1200px;margin:0 auto