Q:什么是文档流？
A:简单的说可以理解为元素在页面上出现的先后顺序。
Q:什么情况下会脱离文档流？
A:当使用“浮动”与“绝对定位”时。
Q:脱离文档流就不占据空间了吗？
A:可以这么说。更准确地一点说，是一个元素脱离文档流之后，其他的元素在定位的时候会当做没看见它，两者位置重叠都是可以的。
Q: 脱离文档流是不是指该元素从dom树中脱离？
A: 不是，用浏览器的审查元素就可以看到脱离文档流的元素（例如被float了）依然会出现在dom树里。
需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
