Flex Container (フレックスコンテナー)

フレックスボックスレイアウトは、flex または inline-flex を親要素の display プロパティの値に使用することで定義されます。この要素はフレックスコンテナーとなり、その子要素それぞれはフレックスアイテムとなります。

値に flex を指定すると、この要素はブロックレベルのフレックスコンテナーとなり、inline-flex を指定すると、インラインレベルのフレックスコンテナーとなります。これらの指定は、その要素に対するフレックス整形コンテキストを作成します。これはブロック整形コンテキストと、不動要素がコンテナーの中に侵入せず、コンテナーのマージンがアイテムのマージンとの間で相殺されないという点で似ています。