20200917 【要復習】 floatとflexについて

○floatとflexの違い

・flexについて

単純に横並びにする、中央配置にする、自動で余白をとってほしいって場合小要素が云々をあまり気にせずレイアウトを組める。
横並びにするという点でfloatと決定的に違うのは、横並びにしたい要素たちの親要素につける。

floatと違って自動的に配置位置などを決めてしまうため、ピクセル単位の細かい位置決めには向かない。

・floatについて

雑誌のような回り込みのレイアウトの際に一番よく使う。
floatの特徴は横並び（回り込み）させたい要素そのものにつけるということ。

下記のイメージ

floatを使用する際は解除に注意。

解除を忘れるとレイアウトが崩れることがある。