在CSS中，我們可以使用多種方法來設(shè)置元素的重疊，這通常涉及到元素的定位（positioning）和層疊（z-index）屬性。
元素的定位
CSS提供了幾種定位方法，包括靜態(tài)定位（static）、相對(duì)定位（relative）、***定位（absolute）和固定定位（fixed），這些方法可以用來控制元素在網(wǎng)頁上的位置。
靜態(tài)定位（static）：這是元素的默認(rèn)定位方式，元素按照正常的文檔流進(jìn)行排列。
相對(duì)定位（relative）：元素按照正常的文檔流進(jìn)行排列，但可以通過top、right、bottom和left屬性進(jìn)行位置調(diào)整。
***定位（absolute）：元素脫離正常的文檔流，通過top、right、bottom和left屬性進(jìn)行***的位置調(diào)整。
固定定位（fixed）：元素脫離正常的文檔流，固定在瀏覽器窗口的某個(gè)位置，不隨頁面的滾動(dòng)而移動(dòng)。
元素的層疊
CSS的z-index屬性用來控制元素的層疊順序，值較高的元素會(huì)覆蓋在值較低的元素上面，如果兩個(gè)元素的z-index值相同，那么它們的重疊順序由它們?cè)贖TML文檔中的順序決定，后出現(xiàn)的元素會(huì)覆蓋先出現(xiàn)的元素。
示例
下面是一個(gè)簡單的示例，展示如何設(shè)置元素的重疊：
<!DOCTYPE html>
<html>
<head>
<style>
.box {
width: 100px;
height: 100px;
}
.red-box {
background-color: red;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.green-box {
background-color: green;
position: absolute;
top: 20px;
left: 20px;
z-index: 2;
}
.blue-box {
background-color: blue;
position: absolute;
top: 40px;
left: 40px;
z-index: 3;
}
</style>
</head>
<body>
<div class="box red-box"></div>
<div class="box green-box"></div>
<div class="box blue-box"></div>
</body>
</html>在這個(gè)示例中，三個(gè)方塊（紅色、綠色和藍(lán)色）通過position屬性進(jìn)行定位，并通過z-index屬性設(shè)置它們的層疊順序，結(jié)果是一個(gè)藍(lán)色的方塊覆蓋在綠色方塊上，綠色方塊覆蓋在紅色方塊上。
