文档流以及浮动

文档里的简述

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序)

而浮动可以使元素脱离文档流，浮动的框可以向左或向右移动,直到它的外边缘 碰到包含框或另一个浮动框的边框为止。

 

CSS 浮动

 

请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘：

 

CSS float 属性

在 CSS 中，我们通过 float 属性实现元素的浮动。

float: right;右浮动

float: left;左浮动