Question

css脱离文档流到底是什么意思，脱离文档流就不占据空间了吗

Answer 1

我就不复制一堆名词解释给你了，给你一个通俗的理解。
想象html的默认文档流是一个玻璃平面，所有的元素都在这个平面上按从左到右从上到下的方式一个紧跟着一个排列，
脱离文档流的话，就相当于在这个玻璃平面上另外覆盖一块新的玻璃，浮动或定位的元素在这块新玻璃上布局，那就不会占用最底层的那块玻璃了。
如果想理解更深入些，就百度一下“文档流”的概念吧。