问个简单的 CSS 问题

图在这里： https://www.filestall.com/TOfADvH0XIPnL1s/preview

最近无论做了个小网站，后来发现自己 css 都忘光了，问题在这里：

spajishi.com 上面搜索框不齐，调整齐了，内页的搜索框又不齐了，好像是需要加一个新的类区分开才行，是这样吗？ 真忘了，现在不搞技术了。

https://i.imgur.com/2cLfhE2.png

https://i.imgur.com/EAwL2lG.png

你应该用 flex 布局，让子元素居中排列，而不是用相对定位一点点调。 css 按照下面的方式改，可以实现搜索框和按钮的自动对齐： 下面的样式在 id 为 searchform 的 form 标签范围内 1.清除 form 默认样式，用 flex 布局让元素紧贴在一起： .header-search form { margin: 0; display: flex; } 2.删除 .header-search #searchsubmit {...} 中的 position 属性 3.删除 .header-search input {...} 中的 position 属性 除此之外，最好将所有的默认样式清除，以消除不可预测性

你这元素嵌套不太好，form 里应该加个 div 把表单元素套起来，这样直接用 flex 布局就好了。 没必要用定位方式来实现。