でのフレックスボックスの動作要素 にフレックスボックス スタイルを適用しようとしましたが、 Firefox と Chrome の両方で、 要素の動作はブラウザ間で一貫性がありません。フレックスボックス表示プロパティ (display: flex など) が割り当てられている場合、他のブロックレベル要素とは異なる動作をします。子は水平方向に整列するのではなく、インライン レベルの要素と同様に垂直方向に積み重ねられます。興味深いことに、Internet Explorer は に対して通常のフレックスボックスの動作を示します。 この動作はバグとはみなされません。 Bug 984869 によると、ボタン要素はその固有の複雑さによりブラウザーで異なる方法で実装され、CSS の実装には制限が課せられます。同様の動作が でも観察されます。 ただし、Firefox 46 では に Flexbox を実装することでこの問題に対処しました。これは、Firefox の最近のバージョンでは がレンダリングされることを意味します。予想されるフレックスボックス動作を持つ要素。古いブラウザや、一貫したブラウザ間互換性が必要なシナリオの場合は、 などのラッパー要素を使用することをお勧めします。 <フィールドセット>内目的のフレックスボックス レイアウトを実現します。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
