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