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