헤더와 콘텐츠 레이아웃 사이에 이미지를 걸치는 방법이 궁금해요

내꼬야 2026.09.19 댓글 5

헤더와 콘텐츠를 나누는 선 가운데에 이미지를 배치하고 싶어요.
이미지에 absolute를 주면 창 크기에 따라 위치가 달라지고, 각 영역에 relative를 주면 한쪽에서 이미지가 잘려요.
어떻게 배치하면 좋을까요?

댓글 5

두온 2026.09.19

이 방법도 있네요 ㅎㅎ
찬놀 2026.09.19

팝업을 띄우는 버튼으로 쓸 이미지예요.
답변 감사합니다~
더글러스 2026.09.19

구분용 이미지라면 콘텐츠의 배경 이미지로 넣거나 hr 속성에 추가해도 되지 않을까요?
횃불 2026.09.19

답변 감사합니다 ㅎㅎ
찬들 2026.09.19

헤더와 콘텐츠 경계에 걸치려면 상위 클래스의 position을 없애고 이미지에만 absolute를 적용해 전체 화면 기준으로 위치를 지정해 보세요.