绝对定位基于相对定位

绝对定位是相对于元素最近的已定位的祖先元素进行定位的。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）进行定位。\[2\]相对定位是一种定位方式，通过设置元素的位置属性为relative，使元素相对于其正常位置进行偏移。相对定位的元素仍然占据原来的空间，不会影响其他元素的布局。\[1\]绝对定位和相对定位是两种不同的定位方式，它们之间没有直接的依赖关系。绝对定位可以独立使用，也可以与相对定位结合使用，但相对定位不依赖于绝对定位。\[3\]
#### 引用[.reference_title]
- *1* [css中的定位以及绝对定位和相对定位的区别](https://blog.csdn.net/wrx200077/article/details/108592065)[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]
- *2* [绝对定位和相对定位详解](https://blog.csdn.net/langyixuan/article/details/106124732)[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]
- *3* [HTML定位——绝对定位和相对定位、固定定位](https://blog.csdn.net/qq_52499703/article/details/125435762)[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 ]