CSS中，

<div>

元素的层叠顺序可以通过设置z-index属性来控制。默认情况下，

<div>

的层叠顺序是直接与页面上的其他元素共存的，即元素的层叠顺序是0，与页面上的其他元素相同。

如果要使元素置于其他元素的上层，只需要使用z-index属性将其设为一个大于0的值即可。值越大，层叠顺序越高，即越在上层。

.top{position: absolute;z-index: 1;   }.bottom{position: relative;z-index: 0;}

在上面的示例中，

<div >

元素被设置为绝对定位，然后通过z-index属性将其置于上层，

<div >

元素被设置为相对定位，层叠顺序默认为0，即位于下层。

需要注意的是，只有使用了定位（即设置了position属性）的元素才能使用z-index属性进行层叠控制。如果元素没有定位，无论设置z-index属性的值大小如何，都无法改变元素的层叠顺序。