🐛よくハマったFlexboxのバグまとめ

DRANK

Flexboxはレイアウトを組むのに非常に便利ですが、バグがとても多いことでも有名です。最新のブラウザでも次々と新しいバグが報告されており、すベてを紹介するのは大変なので、自分がよくハマったバグをまとめます。 なお、ベンダープレフィックスは省略しているので注意してください。 flex-flow: column wrap; がはみ出る displayプロパティにinline-flexを指定していたり、positionプロパティにabsoluteを指定して絶対配置している場合、flex-flowプロパティにcolumn wrapを指定するとFlexコンテナからはみ出てしまいます。