CSS 사업부의 위치 나 사이트에 머리글/탐색 모음을

Question

, 그것은 다음에 로고, 탐색 메뉴 및 검색 상자 모든 인라인 (in-line)

그래서 로고가 왼쪽에 그 순서를 가지고 탐색 메뉴와 오른쪽에있는 검색 상자.

검색 상자는 position: relative;을 사용하여 정렬됩니다. 문제는 검색 상자 앞의 div 인 탐색 메뉴를 기준으로 배치된다는 것입니다.

표시되는 메뉴 항목에 따라 nav 메뉴의 크기가 다를 수 있기 때문에 문제가 발생합니다.

내 검색 상자의 위치를 ​​지정하는 신뢰할 수있는 방법이 필요합니다. 특정 Div의 직위가 Div가 아닌 직전의 Div가 아닌 위치에 배치 할 수있는 방법이 있습니까?

이미지에서 검색 상자는 사이드 바 위에 위치해야하지만 nav 메뉴는 길이가 다를 수 있으므로 언급 한 것처럼 상대적인 X 위치를 지정하면 해당 메뉴의 너비에 따라 달라집니다

Answer 1

탐색 메뉴 주위에 래퍼를 놓고 고정 너비를 지정하십시오.

Answer 2

하나의 div에서 탐색하고 검색 한 다음 검색을 위해 절대 위치 지정을 사용하십시오.