子级绝对定位，父级相对定位的由来 --- CSS定位

CSS定位：将盒子定在某一个位置，所以定位也是在摆放盒子， 按照定位的方式移动盒子。

定位 = 定位模式 + 边偏移 。
定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。

绝对定位

相对定位

固定定位

粘性定位

子级绝对定位，父级相对定位的由来（子绝父相）
① 子级绝对定位，不会占有位置，可以放到父盒子里面的任何一个地方，不会影响其他的兄弟盒子。
② 父盒子需要加定位限制子盒子在父盒子内显示。
③ 父盒子布局时，需要占有位置，因此父亲只能是相对定位。

这就是子绝父相的由来，所以相对定位经常用来作为绝对定位的父级。
总结： 因为父级需要占有位置，因此是相对定位， 子盒子不需要占有位置，则是绝对定位
当然，子绝父相不是永远不变的，如果父元素不需要占有位置，子绝父绝也会遇到。

案例地址：https://gitee.com/huan2515/html_css_material/tree/master/%E7%AC%AC%E5%85%AB%E5%A4%A9/04-%E5%AD%A6%E6%88%90%E5%9C%A8%E7%BA%BFhot%E6%A8%A1%E5%9D%97

定位的总结