图在这里： https://www.filestall.com/TOfADvH0XIPnL1s/preview
最近无论做了个小网站，后来发现自己 css 都忘光了，问题在这里：
spajishi.com 上面搜索框不齐，调整齐了，内页的搜索框又不齐了，好像是需要加一个新的类区分开才行，是这样吗？ 真忘了，现在不搞技术了。
4 条回复 • 2024-12-21 11:50:55 +08:00
 |
1
wildman9527 4 天前  1
 |
|
2
wildman9527 4 天前
 |
 |
3
chrisia 4 天前 1
你应该用 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 属性 除此之外，最好将所有的默认样式清除，以消除不可预测性 |
 |
4
saranz 4 天前 1
你这元素嵌套不太好，form 里应该加个 div 把表单元素套起来，这样直接用 flex 布局就好了。
没必要用定位方式来实现。 |
Select Language