要使用 CSS 控制元素的位置层级关系，需要使用以下属性：
position属性：用来设置元素的定位方式。常用的值包括static、relative、absolute和fixed。其中，relative和absolute的定位都是相对于其父元素进行的，而fixed则是相对于浏览器窗口进行的。
z-index属性：用来设置元素的层级关系，值越大的元素会覆盖在值较小的元素之上。需要注意的是，z-index只对定位元素（即position值为relative、absolute或fixed）有效。
top、bottom、left、right属性：用来设置元素相对于其定位的父元素或浏览器窗口的位置。这些属性只对定位元素有效，且需要与position属性一起使用。
举个例子，如果我们想要将一个元素定位在其父元素的右上角，可以这样写：
.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
right: 0;
}其中，.parent是父元素的类名，.child是要定位的元素的类名。首先，我们将父元素的position属性设置为relative，以便让子元素相对于它进行定位。然后，我们将子元素的position属性设置为absolute，表示它的定位是相对于父元素进行的。最后，我们使用top: 0和right: 0将子元素定位到了父元素的右上角。
需要注意的是，当我们使用z-index属性时，它只会影响到同级的元素，而不会影响到父级或子级元素的层级关系。如果要影响到父级或子级元素的层级关系，需要将它们的position属性也设置为relative、absolute或fixed。