父元素开启相对定位而子元素开启绝对定位问题

在写css样式时，发现总是用到各种定位，其中父元素开启相对定位而子元素开启绝对定位这个问题弄明没白。
借鉴大佬的博客： https://blog.csdn.net/weixin_41796631/article/details/89604749

绝对定位absolute的参照对象是“离它最近的已定位的祖先元素”，参照元素不一定是父元素，也可以是它的爷爷、爷爷的爷爷等等，如果它的祖先里同时有2个及以上的定位元素，就参照离它最近的一个元素定位还有一个是“已定位”，这个定位也不一定非要是相对定位，也可以是绝对定位。

—— 绝对定位不占位置，可以悬浮在表面。
——相对位置是占位置的，相对定位的特性是虽然它定位了，就算给了偏移量它离开了原来的地方，但是它原来占的地方也不会让出来的，这样的好处是原来在它周围的其他元素不会因为它的离开而改变位置而使页面乱套，所以用相对定位是非常合适的。