css相对定位和绝对定位的区别

相对定位和绝对定位是CSS中两种常用的定位方式，它们有以下区别：

1. 相对定位是相对于元素自身的初始位置进行移动，而不会影响其他元素的位置。通过设置left、right、top、bottom等属性来控制元素的位置。相对定位的元素仍然占据原来的空间，不会影响其他元素的布局。\[1\]

2. 绝对定位是相对于最近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档的初始位置进行定位。通过设置left、right、top、bottom等属性来控制元素的位置。绝对定位的元素脱离了文档流，不占据空间，其他元素会填补它离开的位置。\[3\]

3. 相对定位的移动是相对于元素自身的初始位置进行的，所以移动的范围是有限的。而绝对定位的移动是相对于已定位祖先元素或文档的初始位置进行的，所以移动的范围更大。\[2\]

总结来说，相对定位是相对于元素自身进行移动，不会影响其他元素的位置，而绝对定位是相对于已定位祖先元素或文档进行移动，会影响其他元素的位置。
#### 引用[.reference_title]
- *1* *2* *3* [CSS中绝对定位和相对定位的区别及作用](https://blog.csdn.net/zxh996/article/details/118365423)[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^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]