CSS position으로 이미지 두개 겹치기

---

position 쓰기 (relative, absolute)

모달창 우측상단에 있는 'X모양 버튼'을 모달창 컨테이너 위에 겹치기 위해 이것저것 해보다가 쓰는 글

예시 사진

기준 삼고 싶은 요소(내 경우는 모달창 컨테이너)에는

position: relative;

움직일 요소(내경우는 x버튼)에는

position: absolute;

그 다음에 움직일 요소에 left와 top으로 위치를 좀 더 조정해주면 된다.

const XButton = styled.div`
  position: absolute;
  left: 1532px;
  top: 226px;
`;