css3基础100问之子绝父相的由来?(38)

一定要理解子绝父相的由来的用法。 

css3基础100问之子绝父相的由来?(38)

css3基础100问之子绝父相的由来?(38)

假如我们使得两个蓝色小盒子左右排列,并且覆盖在上面,该如何做呢? 

css3基础100问之子绝父相的由来?(38)

下面再加上一个呢? 

css3基础100问之子绝父相的由来?(38)

子级绝对定位,不占有位置,可以放在父盒子里面的任何一个地方,不会影响其他的兄弟盒子。 

重点:父盒子必须加定位限制盒子在父盒子内显示。要不然后面的盒子会来占位置,那就得不到想要的结果了。而且父盒子必须是相对定位,因为它要占领位置,如果是绝对定位得话,不占有位置了,是不行的。

css3基础100问之子绝父相的由来?(38)

css3基础100问之子绝父相的由来?(38)

 

总结:

 

css3基础100问之子绝父相的由来?(38)