プログラミングメモ

HTMLでよく見かけるレイアウトである3カラムのレイアウトですがFlexboxを用いても3カラムのレイアウトでコンテンツを配置できます。
Flexboxを用いる場合単純に横三つに並べたい要素にCSSでdisplay:flexと指定すれば並べます。上下にヘッダーとフッターを加えたければヘッダーとフッターの要素の間にCSSでdisplay:flexを指定すればヘッダーとフッターの間で3カラムの配置になります。





Flexboxは単に縦横に並べるレイアウトは向いていますが、入り組んでいたり多数のグリッド状の構造のレイアウトには向いていない場合があります。
どのような構造のレイアウトにするか、どのような環境で表示されるかなどを考慮してレイアウトの配置を指定する方法を決めるといいでしょう。