【CSS】标准文档流以及脱离文档流

一、标准文档流

1. 定义

一个“默认”状态。文档流指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中从左至右的顺序排放元素。

2. 微观现象

（1）空白折叠现象。比如，如果我们想让img标签之间没有空隙，必须紧密连接。

<img src="img/00.jpg"/><img src="img/02.jpg"/>

若是以下没有紧密连接的情况，则会出现空白折叠现象：

<span class="box1">怎么么怎么怎么啦</span>
<span class="box2">怎么么怎么怎么啦</span>
<span class="box3">怎么么怎么怎么啦</span>

（2）高矮不齐，底边对齐。
（3）自动换行，一行写不完时，换行写。

二、脱离文档流

既要实现既要