问个简单的 CSS 问题

[dre4m]

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

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

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

[wildman9527]

[wildman9527]

[chrisia]

你应该用 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 属性

除此之外，最好将所有的默认样式清除，以消除不可预测性

[saranz]

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