왜 Flex 레이아웃을 지원합니까? CSS에서 요소는 플렉스 레이아웃과 관련하여 특별한 경우로 처리됩니다. display: flex 또는 display: inline-flex를 사용하여 스타일을 지정하려는 노력에도 불구하고 각각 블록 또는 inline-block 요소처럼 동작합니다. 이 동작은 Firefox 및 Chrome과 같은 브라우저에서 예상치 못한 결과를 관찰하는 일부 개발자를 혼란스럽게 합니다. , 그러나 Internet Explorer에서는 당황스럽게 작동하는 것을 발견했습니다. 이것은 버그입니까 아니면 의도된 동작입니까? 설명 버그 보고서(Bug 984869 및 Bug 1047590)에 따르면 및 - 특별한 렌더링 동작이 있습니다. Chrome 및 Firefox와 같은 브라우저는 이러한 요소를 CSS로만 구현하지 않으므로 CSS의 관점에서 블랙박스처럼 동작합니다. 즉, 다음과 같은 다른 비특수 요소 유형으로 항상 반응하지는 않습니다. 로. 예를 들어, 스크롤바는 <버튼> Overflow: 스크롤을 사용하면 디스플레이: 테이블이 있는 테이블로 렌더링되지도 않습니다. 마찬가지로 의 경우 flex 디스플레이 모드가 무시됩니다. 이 동작은 에 플렉스 레이아웃 적용을 거부하는 Internet Explorer와 일치합니다. 솔루션 크로스 브라우저에서 가장 효과적인 솔루션은 래퍼 그 자체. 이 접근 방식은 및 다른 브라우저 내에서.
