floatを使ったレイアウト

floatとは浮いている状態。

その浮いている状態を左にやったり右へやったりするわけ。

だから、順に並べていった場合、floatを指定した以降の

カラムが下へ周りこんで、レイアウトが崩れるって状態になってしまう。

これを解除するためにあるのが、

①clear:both

②overflow:hidden

となる。

①clear:bothはテキストにも必ず乗っているものらしいが、厳密にいうと

喜ばしくない。

②wrapperをoverflow:hiddenで書くのが良い。