普通流

• 元素按照其在HTML中的先后位置至上而下布局
  • 行内元素
    • 水平排列，直到当行被占满然后换行
  • 块级元素
    • 渲染为完整的一个新行
• 所有元素默认都是普通流定位

浮动

• 元素首先按普通流的位置出现
• 然后根据浮动方向
  • 尽可能向左边或右边偏移

绝对定位

• 元素会整体脱离普通流
• 绝对定位元素不会影响其兄弟元素