• 覚えておくべき3つのプロパティ
  • display: flex
  • flex: 1
  • flex-direction: column
  • コメント
  • これ、結局、さっきの「3カラムレイアウト」を、90度回転させただけです。flexboxの要素の並べ方向を指定するプロパティが、flex-directionです。
  • ここでは縦に並べたいので、親にflex-direction : columnを指定します。
  • さらにもう一点。親要素は常に縦幅が画面サイズ以上になるようにします。min-height: 100vhを指定します。
  • ※IEでは、height: 100%も同時に指定する必要があります。