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