法则二:同辈元素同为动态定位时,且有z-index设置时,z-index值大者居上。

情况1:absolute的html位置靠后,但是relative的index值大,显示在上面

div1 {position:relative;
z-index:100}


div2 {position:absolute}

情况2:relative的html位置靠后,但是absolute的index值大,显示在上面

div3 {position:absolute;
z-index:100}


div4 {position:relative}