강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

서원석님의 프로필 이미지
서원석

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex UI #6 - 모달

.modal에 대한 스타일 속성 질문

작성

·

286

0

해당 강의에서 .modal에 대해

position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;

를 입력하니까 화면에 꽉 차는 것이 이해가 안되는데요,

그냥 위에처럼 입력하면 그 element는 부모 element의 width & height 만큼 크기를 갖게 된다고 생각하면 될까요?

(강의 코드에서는 .modal 클래스가 가리키는 element의 경우 position이 fixed이므로 body 태그가 부모 element인 것으로 이해했습니다)

답변 1

1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

fixed는 absolute랑 동작이 달라서, fixed로 하시면 부모 요소 크기에 관계 없이 화면에 꽉 차게 된답니다.
absolute는, 부모 요소의 position을 relative로 할 경우 말씀대로 부모 요소만큼만 차게 됩니다.

서원석님의 프로필 이미지
서원석

작성한 질문수

질문하기