Float ＆ Clearfix

浮動與清除浮動

Float 屬性在其容器裡向右或向左貼齊排版，使文字和內部元素環繞它。絕對定位的元素會忽略Float屬性，浮動對 Flex 沒有影響，目前以Flex方式排版為主。使用Float排版會有跑版的問題，必須用Clearfix，來清除浮動。

Float 句法：

float: left;    元素浮在其外容器內的左側。
float: right;   元素浮在其外容器內的右側。
float: none;    元素不浮動。

元素使用Float排版，尚未在父層元素上加Clearfix時，元素跑版如下圖：

加上Clearfix之後，元素正確排版如下圖：