浮动样式

文档流（normal flow）

首先理解浮动需要了解文档流。
网页是多层结构，一层叠着一层的，通过 CSS 可以控制每层的样式，而用户只能只看最上一层，底下无论有多少层都会被前面的那一层遮盖，而造成用户无法看见。
而最底下的一被称为文档流，创建的文档默认即是文档流中排列。

元素的两种状态

在文档流
不在文档流（脱离文档流）

元素在文档中有什么特点

1. 块元素
   块元素独占一行，从上往下垂直排列
   默认宽度是低级的 100%
   默认高度由内容撑开
2. 行内元素
   不独占一行，在页面中自左向事排列
   如果一行排列不下，则元素会换到第二行去展示
   默认高度是由内容撑开