인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

현정님의 프로필 이미지
현정

작성한 질문수

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

flex layout 공부하기 - 2

flex-shrink값 질문드립니다.

작성

·

141

1

이렇게 했는데

줄였을때 자식 1 가로가 338.67

자식 2 가로가 75.33

자식3 가로가 112 가 되었는데요

shrink가 감소너비니까 shrink값이 가장 작은 자식2 가로가 가장 길어야 하는 것 아닌가요ㅜㅜ?

왜 자식 1 가로가 가장 길게 나온건지 궁금합니다.

+ 늘렸을때도 자식 1 가로가 자식 2 가로보다 큽니다ㅜㅜ

답변 1

0

그랩님의 프로필 이미지
그랩
지식공유자

#child2와 #child3의 경우 flex-basis 의 속성이 적용되지 않은 것으로 보입니다.

아래에 있는 flex 속성에는 flex-basis를 포함하는 속성이므로, 위에 있는 flex-basis는 적용이 안되고 flex 안의 flex-basis 값이 정해지지 않았기에 default로 적용됩니다!!

현정님의 프로필 이미지
현정

작성한 질문수

질문하기