absolute定位的元素会脱离文档流，不再占据空间且不影响其他元素布局。其位置相对于最近的已定位祖先元素或视口进行偏移，可能覆盖其他元素，层级由z-index控制。例如三个div中第二个设为absolute时，第一和第三个会紧挨排列，如同第二个不存在，而第二个则可能叠加显示。与relative不同，relative不脱离文档流，移动后仍保留原有空间。absolute适用于弹窗、悬浮按钮等场景，但需注意避免内容重叠影响可读性。
是的，absolute 定位的元素会脱离文档流。这意味着它在布局时不再占据原来的空间，也不会影响其他元素的排列，同时其他元素的布局也不会考虑该元素的存在。
absolute 脱离文档流的具体表现
当一个元素设置为 position: absolute; 后，会发生以下变化：
- 元素从正常文档流中完全移除，其原本占据的位置会被其他文档流中的元素“填补”
- 该元素的定位基于最近的已定位（非 Static）祖先元素进行偏移；若无这样的祖先，则相对于初始包含块（通常是视口）定位
- 由于不参与文档流，它可能覆盖或被其他元素覆盖，层级由 z-index 控制
对布局的影响示例
假设有一段 html 中有三个 div，其中第二个设置为 absolute：
<div style=”background: red;”>第一个 div</div>
<div style=”position: absolute; background: yellow;”>第二个 div</div>
<div style=”background: blue;”>第三个 div</div>
此时，第一个和第三个 div 会紧挨着排列，就像第二个 div 不存在一样。而第二个 div 会出现在文档的某个位置（取决于 top/left 等属性），可能叠加在其他元素之上。
立即学习“前端免费学习笔记（深入）”；
与 relative 定位的区别
position: relative; 虽然也能通过 top、left 等属性调整位置，但不会脱离文档流。元素仍占据原有空间，移动后原位置保留，只是视觉上偏移。
基本上就这些。absolute 定位的核心特点之一就是脱离文档流，这使得它非常适合用于弹窗、悬浮按钮、层叠布局等需要脱离常规排版的场景。但使用时要注意避免与其他内容重叠造成可读性问题。