文档流的比喻

之前以为“文档流”是“document flow”，但其实是“normal-flow”普通翻译也可以是“普通流”。

那么什么是“normal flow”？

简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。并且这种过程遵循标准的描述。

脱离文档流

只要不是float、绝对定位、固定定为方式布局的，都在普通流里面。
欢迎补充。

如果将文档流想象成冰凌
那么，float就是从那一层冰凌中取出一块儿然后放到冰凌层上面，他后面的冰块就会填充这个空隙，这样就是脱离文档流了。

绝对定位，一定需要两个限定（上右下左 挑两个 ，咳咳，别挑平行的），找准参照之后就相当于把这个元素从冰层中拿出来，比照参照物和位置限定放到相应的地方，自然而然的，后面的冰块会迅速填充这个空隙。