CSS的定位層級(jí)是指將一個(gè)元素定位在另一個(gè)元素的上下文中。這通常用于在頁(yè)面中創(chuàng)建復(fù)雜的布局和設(shè)計(jì)。以下是CSS中定位層級(jí)的常用方法。

.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.z-index {
z-index: 10;
}

相對(duì)定位（relative）是指元素相對(duì)于其初始位置進(jìn)行定位。相對(duì)定位不會(huì)破壞頁(yè)面布局，因?yàn)槠渌厝詴?huì)占用其原來(lái)的位置。在相對(duì)定位中，使用top、bottom、left和right屬性來(lái)移動(dòng)元素。

絕對(duì)定位（absolute）是指元素相對(duì)于其最近的已定位祖先（通常是具有 position 屬性的祖先元素）定位。如果該元素沒(méi)有已定位的祖先元素，則相對(duì)于文檔。在絕對(duì)定位中，使用top、bottom、left和right屬性來(lái)移動(dòng)元素。

固定定位（fixed）是指元素相對(duì)于瀏覽器窗口定位。固定定位的元素在頁(yè)面滾動(dòng)時(shí)不會(huì)移動(dòng)。在固定定位中，使用top、bottom、left和right屬性來(lái)移動(dòng)元素。

z-index屬性控制元素的層級(jí)。z-index值越高，元素越靠上。要在元素上設(shè)置z-index，元素必須具有定位屬性（relative、absolute、fixed）。