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

김동님의 프로필 이미지
김동

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex 핵심정리 #5 - Flex 속성 활용

질문이 잇습니다.

작성

·

148

0

flex: 1을 주면 basis가 0이 되는건가요?

그리고 basis가 0이 되면 차일드로 해논 width값은 없어지는건가요? 그냥 비율에 맞게  0으로 모두 바꿔버리는 거지요?

auto 로 해노면  값을 width값으로 정해져서 적용할수잇구요?ㅠ 헷가리네요 ㅠ

아그리고 flex: 1 1 200px로 햇을시  basis 픽셀은 영향을 안받나요? ㅠㅠ 

답변 2

1

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

동님 드디어 플렉스 강의로 넘어가셨네요^^
flex: 1; 이렇게 단축형으로 쓰면, flex-basis는 0이 되는게 맞아요~
flex-basis가 0이 되면, flex-grow로 나누는 비율이 width를 0으로 했을 때랑 똑같다고 생각하시면 됩니다.
flex-basis: auto라면 쓰신대로 width값을 사용하는 것이고요.
원래 flex-basis가 개념이 많이 헷갈리는데,
강의에서 계속 등장하니까 좀 더 학습하시다보면 좀 더 익숙해지실거에요^^

0

아 이거 보고 이해했습니다. flex-basis를 제외한 나머지 부분을 무슨 비율로 가져갈지가 flex-grow이기 때문에 처음에 flex-grow 나왔을 때 와는 다르게 flex 아이템들의 비율이 딱 떨어지는거군요

김동님의 프로필 이미지
김동

작성한 질문수

질문하기