Float 與 Clear

w3schools

1. float 用來作文繞圖效果。
2. 也可以用來讓 display: block 元素左右並排。
3. clear 用來清除前面元素 float 的影響。
4. 若一個容器元素，子元素 float 後，高度無法被撐開，必須做點修正，這個修正通稱 clearfix。常見的做法是定義一個叫做 clearfix 的class，作點 css 修正，然後套用在容器元素上。最簡短的 clearfix 為：

   .clearfix {
     overflow: auto;
   }
   

   f08_float.html