강의

멘토링

커뮤니티

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

gustjq4146님의 프로필 이미지
gustjq4146

작성한 질문수

CSS Flex와 Grid 제대로 익히기

flex1 flex3 flex1 관련 질문드립니다!

작성

·

231

0

선생님 안녕하세요!

flex-basis:0의 의미가 아이템이 기본적으로 점유하는 크기가 0이 된다라고 이해하고있습니다. 선생님 강의를 듣던중

flex: 1  => flex-grow:1 / flex-shrink:1 / flex-basis:0

flex: 3  => flex-grow:3 / flex-shrink:1 / flex-basis:0

flex: 1  => flex-grow:1 / flex-shrink:1 / flex-basis:0

이런식으로 나오게 되는데 이렇게되면 basis가 0 즉 아이템이 점유하는 기본크기가  0 이므로 컨테이너의 전체 넓이를 1:3:1로 가져가는 것으로 이해를 했습니다! 하지만 개발자 도구화면가서 div들의 width 값을 보게 되면 정확히 1:3:1 의 비율이 나오지 않더군요 ㅠㅠ 제가 잘못 이해하는 부분이 있을까요? 

답변 1

0

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

padding이나 border 등 크기에 영향을 미치는 다른 값들이 있는 경우, 약간씩 차이가 있을 수 있습니다^^

gustjq4146님의 프로필 이미지
gustjq4146

작성한 질문수

질문하기