CSS：子绝父相的由来

子绝父相的意思是子级使用绝对定位，父级则需要相对定位。

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

总之，因为父级需要占有位置，因此是相对定位；子盒子不需要占有位置，因此用绝对定位。
当然，如果父元素不需要占有位置，那么父元素也可以用绝对定位，此时会是子绝父绝。

例如，轮播图的布局就可以采用子绝父相：