floatを使ったレイアウト
floatとは浮いている状態。
その浮いている状態を左にやったり右へやったりするわけ。
だから、順に並べていった場合、floatを指定した以降の
カラムが下へ周りこんで、レイアウトが崩れるって状態になってしまう。
これを解除するためにあるのが、
①clear:both
②overflow:hidden
となる。
①clear:bothはテキストにも必ず乗っているものらしいが、厳密にいうと
喜ばしくない。
②wrapperをoverflow:hiddenで書くのが良い。