在CSS中，要使兩個盒子重疊，可以使用多種方法，以下是兩種常見的方法：

1、使用***定位：

- 將其中一個盒子的位置設置為***定位（position: absolute;）。

- 將另一個盒子設置為相對定位（position: relative;），并設置其z-index屬性，以控制盒子的堆疊順序。

.box1 {
  position: absolute;
  top: 0;
  left: 0;
}
.box2 {
  position: relative;
  z-index: 1;
  top: 50px;
  left: 50px;
}

在這個例子中，box1會覆蓋在box2上面，因為box1使用了***定位，并且沒有設置z-index屬性，所以它會默認覆蓋在其他元素上面。box2使用了相對定位，并且設置了z-index: 1;，這意味著它會在其他未設置z-index或z-index較低的元素下面。

2、使用Flexbox：

- 創(chuàng)建一個Flex容器，并將兩個盒子添加為Flex項。

- 通過設置align-items: flex-start;或align-items: flex-end;來控制盒子的垂直堆疊順序。

.container {
  display: flex;
  align-items: flex-start;
}
.box1 {
  order: 1;
}
.box2 {
  order: 2;
}

在這個例子中，box1會堆疊在box2上面，因為通過設置align-items: flex-start;，F(xiàn)lex容器會從左到右依次堆疊Flex項，通過調(diào)整order屬性，可以進一步控制盒子的堆疊順序。

是兩種常見的使盒子重疊的方法，在實際應用中，可以根據(jù)具體的需求和布局選擇***合適的方法。