FlexBoxとは

flexboxとはcss3で追加されたフレームワークの一つ。

floatのように横並びを作るときなどに使用する。

floatと比べた時のメリット

  • 高さの指定などが簡単
  • 要素の並び順を指定可能(逆向きなど)
  • 等間隔での配置などが容易

floatと比べた時のデメリット

  • IE11などで個別の設定が必要

参考リンク

https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet