css 中哪些属性会脱离文档流

在CSS中，一些属性可以导致元素脱离文档流。其中包括以下几个属性：
- float: 当一个元素设置了float属性后，它会脱离文档流并且其他元素会忽略它并填充其原有的空间。
- position: 设置为absolute或fixed的元素会脱离文档流，不再占据原来的位置。
- display: 设置为inline-block或inline-table的元素也会脱离文档流。
- overflow: 当为元素设置overflow属性为auto、scroll或hidden时，如果元素的内容超出了其指定的尺寸，则该元素会脱离文档流。

需要注意的是，当元素脱离文档流后，它的定位是相对于正常的文档流进行的。其他元素会忽略该元素并填补其原先的空间。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [CSS标准文档流和脱离文档流](https://blog.csdn.net/qq_43742385/article/details/109366526)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [文档流、常见的脱离文档流的属性](https://blog.csdn.net/weixin_48796690/article/details/127225668)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]