의 Flexbox 동작 요소 요소의 동작은 브라우저 간에 일관되지 않은 상태로 유지됩니다. Firefox와 Chrome 모두에서 Flexbox 표시 속성(예: display: flex)이 할당되면 다른 블록 수준 요소와 다르게 동작합니다. 자식을 수평으로 정렬하는 대신 인라인 수준 요소와 유사하게 자식을 수직으로 쌓습니다. 흥미롭게도 Internet Explorer는 에 대해 일반적인 Flexbox 동작을 나타냅니다. 이 동작은 버그로 간주되지 않습니다. 버그 984869에 따르면 버튼 요소는 고유한 복잡성으로 인해 브라우저에서 다르게 구현되므로 CSS 구현이 제한됩니다. 에서도 유사한 동작이 관찰됩니다. 그러나 Firefox 46에서는 에 대한 Flexbox를 구현하여 이 문제를 해결했습니다. 이는 최신 버전의 Firefox가 예상되는 Flexbox 동작이 있는 요소. 일관된 브라우저 간 호환성이 필요한 오래된 브라우저나 시나리오의 경우 와 같은 래퍼 요소를 사용하는 것이 좋습니다. 내부 원하는 Flexbox 레이아웃을 얻으려면
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
