왜 Flexbox 내의 요소가 넘치거나 줄바꿈이 되지 않나요?

flex 와 position 의 사용성 차이가 궁금합니다.

section 태그에 display:flex를 적용하면 적용되지 않고 section 태그의 자손 태그인 div태그의 클래스에 display:flex코드를 입력하면 작동되는 이유

flex-basis 가 뭐예요?

flex-grow, flex-shrink의 값에 대해 궁금합니다.