浮動：float;

定義：使元素脫離文件流，按照指定的方向發生移動，遇到父級的邊界或者相鄰的浮動元素就會停下來；

浮動元素是同時處於常規流內和常規流的元素，其中塊級元素認為浮動元素不存在，而浮動元素會影響行內元素的佈局；

因此浮動元素通過影響行內元素的佈局來間接影響包含塊的佈局；

1. 常規流：頁面從左往右，從上到下排列的元素流是常規流；
2. 脫離常規流：絕對定位，fixed定位的定位的元素有自己固定的位置，脫離了常規流；
3. 包含塊：一個元素離他最近的塊級元素就是他的包含塊；

注意：浮動元素雖然不能夠直接影響包含塊的佈局，但是可以通過以下方法撐開包含塊：

此種方法稱之為 閉合浮動

overflow:hidden;

浮動元素遵循的規則：

1. 儘量靠上
2. 儘量靠左
3. 儘量一個挨著一個
4. 不能超出包含塊 ，除非元素比包含塊更寬‘；
5. 不能超過所在行的最高點，
6. 不能超過他前面浮動元素的最高點
7. 行內元素繞著浮動元素擺放，左浮動元素的右邊和右浮動元素的左邊會出現行內元素