如何将搜索栏移到顶部而不隐藏它？

Question

在这个网站www.johnpaulus.com中，我无法将顶部搜索栏移动到最顶端的位置，就在社交网络图标的右侧。它隐藏在背景之后。

如何将其向上移动并将其显示在社交网络图标的右侧？

我希望仅使用CSS / HTML。

Answer 1

你的定位是错误的，小提琴会有所帮助，但只是使用萤火虫，将margin: -40px 0 0;提供给#searchbar，你可以通过定位做得更好但是因为你没有分享任何小提琴或代码我试图修改你的风格

屏幕截图