헤더 영역에 버튼을 추가하는 방법은?

개발
14

검색창을 absolute 위치 지정으로 플로우에서 분리할 수도 있습니다.
더 이상 margin이 필요하지 않습니다.

.floating-search-input-wrapper {
   position: absolute;
   left: 0;
   top: calc((4em - 2.6rem - 2px - 2px) / 2);  /* 헤더 높이 - 검색창 높이 - 마진 - 테두리 */
   width: 100%;
}

해상도가 낮은 환경에서 너비를 제어하고 다른 요소와 겹치지 않도록 확인하기 위해 미디어 쿼리를 추가해야 할 수 있습니다.