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

저는 왜 flex-shrink를 하면 박스에서 빠져나가는 걸까요?

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

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

flex-basis 가 뭐예요?