flex boxの使い方の基本

レイアウトを横並びにしたりして、管理する上で必要になる知識としてflex boxという考え方があります。その基本形を以下に示します。

flex boxの基本形

以下にコードの全体像を表示を示します。

基本的に親要素のクラスにcssでflexを指定して、子要素に中身を設定して、子要素のCSSでflexの配置を指定します。

ワードプレスではflex boxの比率の考え方を使って、main部分とサイドバー部分を比率で分けてページを構成する方法が使用されていることが多いです。

以上のようにflex boxを理解することで、様々なレイアウトを使いこなす土台になるので、一つずつ整理して理解していくのが良いと思います。