相对定位与静态定位非常相似,占据在正常的标准流中,仍然可以修改它的最终位置,包括让它与页面上的其他元素重叠。 在此使用 position 属性:
position: relative;
top
bottom
left
right
相比相对定位绝对定位带来了非常不同的结果。
position: absolute;
绝对定位的元素不再存在于标准流中。相反,它坐在它自己的层独立于一切。这是非常有用的:这意味着我们可以创建不干扰页面上其他元素的位置 。例如,弹出信息框和控制菜单。
使用z-index更改堆叠顺序 ,z-index 值影响定位元素位于Z轴上的位置;正值将它们移动到堆栈上方,负值将它们向下移动到堆栈中。默认情况下,定位的元素都具有z-index为auto,实际上为0。运用这个特性可以对定位的元素进行分层确定那些元素在上层