文檔里的簡述

將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流.(自己的理解是從頭到尾按照文檔的順序，該在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的順序)

而浮動可以使元素脫離文檔流，浮動的框可以向左或向右移動,直到它的外邊緣 碰到包含框或另一個浮動框的邊框為止。

CSS 浮動

請看下圖，當把框 1 向右浮動時，它脫離文檔流并且向右移動，直到它的右邊緣碰到包含框的右邊緣：

CSS float 屬性

在 CSS 中，我們通過 float 屬性實現元素的浮動。

float: right;右浮動

float: left;左浮動