강의

멘토링

커뮤니티

Inflearn Community Q&A

0301010's profile image
0301010

asked

A real introductory all-in-one development boot camp for non-majors

Studying flex layout - 2

flex-shrink값 질문드립니다.

Written on

·

149

1

이렇게 했는데

줄였을때 자식 1 가로가 338.67

자식 2 가로가 75.33

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

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

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

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

머신러닝 배워볼래요? expressreact-nativeHTML/CSSjavascripttensorflowreactnodejs

Answer 1

0

grab님의 프로필 이미지
grab
Instructor

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

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

0301010's profile image
0301010

asked

Ask a question