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