<aside> <img src="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" alt="https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5f6e7806-7a2c-47fb-867b-54742c37b10e/透明画像10001000.png" width="40px" /> ファストス

</aside>

Index

Flexboxとは

Flexbox (フレックスボックス)

Flexbox は、アイテムを列方向や行方向など一次元に並べて表示するためのレイアウトモデルである CSS Flexible Box Layout Module に対する一般的な通称です。

Flexbox (フレックスボックス) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN

横並びのレイアウトを作るときに利用できるCSS3の機能です。

実際に利用するときは親子の関係にする必要があり、親に当たる要素はFlexコンテナ[※1](<https://alchemy-inc.notion.site/dd22395fd1104a2b9e7fe972c390c0a4>)、子に当たる要素はFlexアイテム※2と呼びます。

参考文献

※1 MDN | Flex コンテナ

※2 MDN | Flex アイテム

Flexboxでできること

まずはFlexコンテナに対して設定できる機能（できること）を覚えておきましょう。