강의

멘토링

로드맵

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

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

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex UI #6 - 모달

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

작성

·

287

0

해당 강의에서 .modal에 대해

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

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

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

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

퀴즈

Flexbox를 사용하여 메뉴 항목을 가로로 배치할 때, 부모 요소에 적용하는 가장 기본적인 속성은 무엇일까요?

flex-direction: row

display: flex

align-items: center

justify-content: space-between

답변 1

1

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

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

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

작성한 질문수

질문하기