如何在头部区域添加按钮？

开发
14

您还可以使用绝对定位将搜索栏移出流。
您将不再需要 margin。

.floating-search-input-wrapper {
   position: absolute;
   left: 0;
   top: calc((4em - 2.6rem - 2px - 2px) / 2);  /* header height - search height - margin - border */
   width: 100%;
}

您可能需要添加媒体查询来控制低分辨率下的宽度，并确保它不会与其他元素重叠。