Flexbox はレイアウトを組むのに非常に便利ですが、バグがとても多いことでも有名です。最新のブラウザでも次々と新しいバグが報告されており、すベてを紹介するのは大変なので、自分がよくハマったバグをまとめます。 なお、ベンダープレフィックスは省略しているので注意してください。 flex-flow: column wrap; がはみ出るdisplay プロパティに inline-flex を指定していたり、position プロパティに absolute を指定して絶対配置している場合、flex-flow プロパティに column wrap を指定すると Flex コンテナからはみ出てしまいます。 バグが発生するブラウザ ・Chromium Edge ・Firefox ・Chrome ・Safari ・Opera ・iOS Safari ・Android 30 以降 <div class=
![🐛よくハマったFlexboxのバグまとめ|たかもそ/Web Creator.](https://cdn-ak-scissors.b.st-hatena.com/image/square/07d74c2915c2cb7a412c6b65f3b2c34c94203a04/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F19638830%2Frectangle_large_type_2_1fb557102377a9e7b08d89b42099d718.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)