-
질문 & 답변
카테고리
-
세부 분야
웹 개발
-
해결 여부
해결됨
Flex 핵심정리 #5 - Flex 속성 활용에서 질문 있습니다.
20.02.27 23:49 작성 조회수 124
0
강의 (02:11) 에서 "전체 영역 자체를 1:3:1 로 갖는다."라고 하셨는데요, 제가 바로 전강 #4에서는
flex-grow는 flex item 내부의 내용물이 제외된 부분(여백)에 대해서만 비율을 따지는 걸로 알고 있는데,
왜 여기 #5에서는 "내용물까지 포함된 전체"에 대해서 비율로 따지게 되는건가요??
제가 뭘 놓친건가요? ㅠㅠ
답변을 작성해보세요.
1
1분코딩
지식공유자2020.02.28
축약형을 사용할 때
flex: 1;
이런 식으로 flex-basis를 생략하면 flex-basis에는 0%가 들어가게 되어있어요.
강의 초반부에 해당 설명이 나옵니다^^(0:35 지점쯤부터)
flex-basis가 0이기 때문에 기본 점유 영역이 0이 되고, 따라서 공간 자체를 1:3:1로 나누게 되는 거에요.
flex: 1 1 auto;
축약형을 쓰실 때 위와같이 flex-basis도 명시적으로 적어주시면 적어준 값으로 동작합니다.
저는 예시로 기본값 auto를 넣어 본 것이고요.
0
답변 2