CSS에서 퍼센트 단위의 부모 너비가 flex 블록 압축에 미치는 영향

이제 가로로 배열된 다섯 개의 플렉스 아이템이 있다고 가정해 봅시다. 부모의 너비는 퍼센트로 지정하고, 모든 자식 요소의 너비는 100px로 설정해 보겠습니다.

아래 예시를 열고 브라우저 창을 요소들이 부모에 맞지 않을 정도로 줄여보세요. 창을 500px 미만으로 줄여야 합니다. 5개의 요소가 각각 100px이기 때문입니다. 알다시피, 이런 경우 브라우저는 요소들이 부모에 맞도록 너비를 100px 미만으로 강제로 줄입니다. 자, 예시입니다:

이론 부분의 예시를 따라서 따라해 보세요.