css中脱离文档流是什么意思

最新推荐文章于 2025-05-26 19:17:36 发布

yzt02012

最新推荐文章于 2025-05-26 19:17:36 发布

阅读量933

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/yzt02012/article/details/48428787

本文详细解释了何为脱离文档流的概念及其应用场景。当一个元素脱离文档流后，其他元素会将其视为不存在，导致可能的位置重叠。文章进一步区分了使用浮动(float)与绝对定位(absolutepositioning)脱离文档流的不同效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、脱离文档流:就不占据空间了？
是的，一个元素脱离文档流后，其他的元素在定位时候回当做没看见他，两者位置重叠都是可以的。
2、脱离文档流不是从dom树中脱离，用浏览器的审查元素可以看到脱离文档流的元素，依然会出现在dom树里

3、实质：
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。