flex layout 사용시, flex content의 초기 너비 설정 속성인 flex-basis는 IE에서 제대로 적용하려면 세심하게 조정해야 합니다. Chrome, Firefox, Edge 등 타 브라우저의 flex basis의 너비 값 계산은 큰 문제 없이 참 잘되요. 일단, 이해하기 쉽도록 예를 먼저 들어보겠습니다! 만약 IE 브라우저에서 content의 너비가 100px 일 경우, flex-basis:100px;을 지정했다면 padding, border, margin의 값을 제외한 오직 content의 너비여야 합니다. padding이 양옆으로 10px씩 들어가 있으면 IE 브라우저는 너비를 120px로 인식해요. 잠깐! 그럼 box-sizing의 border-box 주면 되는거 아니에요? 라고..
