모달창 만들 때

Question

선생님, 안녕하세요

모달창을 만들때 부모요소인 .modal에 포지션 속성을 왜 absolute를 넣는지 이해가 가지않아 여쭤봅니다.

부모요소니까 relative를 넣어야한다고 생각했었습니다.

Answer

.modal이 부모요소 즉 body를 기준으로 왼쪽 상단에 위치해야 하기 때문입니다.

물론 실기시험의 예제는 스크롤이 없는 페이지라서 absolute를 생략해도 만드는데 지장은 없지만 스크롤이 있는 경우를 생각해서 만드는게 원칙이라서 absolute를 넣습니다.

.moda에 absolute 들어가고 .modal-content에 absolute 들어가서 .modal-content 가 .modal의 자식요소로 만드는 과정입니다.