浮动的作用
早期的浮动是应用于图文环绕
现在的作用是网页布局，让垂直布局的盒子变成水平布局。例如让图像向左浮动到盒子中的文本那里。
浮动的属性名：float
- left - 元素浮动到盒子的左侧
- right - 元素浮动到盒子的右侧
浮动的特点
- 浮动元素会脱标，在标准流中不占位置
- 浮动元素比标准流高出半个级别，可以覆盖标准流中的元素
- 浮动找浮动，下一个浮动元素会在上一个浮动元素后面左右浮动
- 浮动元素有特殊的显示效果：① 一行可以显示多个 ② 可以设置宽高
案例演示
例如div标签、p标签等都是块级元素，且是独占一行。自上而下排列，也就是标准流。
那么需要在一行显示多个div等块级元素，应该怎么办？这时就可以用到我们的浮动。
浮动可以理解为，相当于从地面飘到了空中。 假设我们给第三个元素设置float:left左浮动，那么第三个元素就相当于飘到了空中，第四个元素就占据第三个的位置。
可以看出：元素浮动之前，也就是在标准流中，是竖向排列的，而浮动之后可以理解为横向排列。
