CSS布局定义——文档流

将窗体自上而下分为一行行，并在每行中从左至右顺序排列元素。

有三种情况使得元素脱离文档流而存在：

1. 浮动：不占任何正常文档流空间。
   浮动元素的定位还是基于正常的文档流，但是从正常的文档流种抽出，并尽可能地移动至左侧或右侧。
   文字内容会围绕在浮动元素周围。
   当一个元素脱离正常文档流后，仍在文档流中的其他元素会忽略该元素并填补它原先的空间

2. 绝对定位

3. 固定定位