»
050. DIV lays on DIV
DIV层叠DIV的关键点:
父级Div的position一定要用relative,否则,子级的Div的absolute就会相对于全窗口来定位。
子级Div定位要用absolute
.children-div{
position:absolute;
bottom:0;
}
子级的absolute是标签相对于上一级的DOM节点的绝对坐标
<div class="parent-div">
<div class="chilren-div" style="z-index:1">
VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
</div>
<div class="chilren-div" style="z-index:2">
SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
</div>
<div class="chilren-div" style="z-index:2">
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
</div>
</div>
显示效果:
VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV
SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
————www.v-signon.com学习者共勉