CSS —— 子绝父相
相对定位：占位；不脱标
绝对定位：不占位；脱标
希望子元素相对于父元素定位，又不希望父元素脱标（父元素占位）
子级是 绝对定位，不会占有位置， 可以放到父盒子里面的任何一个地方；父盒子布局时，需要占有位置（占据原来的位置），父亲只能是 相对定位
子绝父相例子
注意：
1.首先两标签得是嵌套关系（父子关系），不可以是兄弟关系
2.top、right、bottom、left这四个属性要生效的话,必须得设置相对定位/绝对定位
子绝例子
相对定位：占位；不脱标
绝对定位：不占位；脱标
希望子元素相对于父元素定位，又不希望父元素脱标（父元素占位）
子级是 绝对定位，不会占有位置， 可以放到父盒子里面的任何一个地方；父盒子布局时，需要占有位置（占据原来的位置），父亲只能是 相对定位
子绝父相例子
注意：
1.首先两标签得是嵌套关系（父子关系），不可以是兄弟关系
2.top、right、bottom、left这四个属性要生效的话,必须得设置相对定位/绝对定位
子绝例子