CSS中的疊圖修麗可搭配順序，是指在頁面布局中疊加多個(gè)元素時(shí)，每個(gè)元素的位置與大小都可以通過CSS的定位和尺寸屬性進(jìn)行調(diào)整。其中，CSS的z-index屬性可以控制元素的疊放順序。

.element1 {
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
}
.element2 {
position: absolute;
top: 50px;
left: 50px;
z-index: 1;
}

在上面的代碼中，.element1和.element2都使用了絕對(duì)定位，且.z-index屬性分別為2和1，因此.element1會(huì)位于.element2的上層。

需要注意的是，在多個(gè)元素使用了相同的z-index值時(shí)，它們的疊放順序會(huì)按照它們?cè)贖TML代碼中出現(xiàn)的順序而定。

.element1 {
position: absolute;
top: 20px;
left: 20px;
z-index: 1;
}
.element2 {
position: absolute;
top: 50px;
left: 50px;
z-index: 1;
}
.element3 {
position: absolute;
top: 80px;
left: 80px;
z-index: 2;
}

在上面的代碼中，.element1和.element2的.z-index相同，它們?cè)贖TML代碼中出現(xiàn)的順序?yàn)?element1，.element2，.element3。因此，它們會(huì)按照它們?cè)贖TML代碼中的順序疊放，即.element1位于.element2的上層，.element3位于它們的上層。

在使用疊圖修麗時(shí)，應(yīng)該注意元素的定位和尺寸屬性，避免元素之間的遮蓋和重疊。

.element1 {
position: absolute;
top: 50px;
left: 50px;
width: 100px;
height: 100px;
background-color: red;
z-index: 1;
}
.element2 {
position: absolute;
top: 80px;
left: 80px;
width: 100px;
height: 100px;
background-color: blue;
z-index: 2;
}

在上面的代碼中，.element1和.element2的width和height屬性相同，它們的位置有重疊，因此如果它們的.z-index值也相同，就會(huì)出現(xiàn)遮蓋和重疊的情況。如果想要避免這種情況，就需要調(diào)整它們的定位屬性和尺寸屬性。