在CSS中，您可以使用多種方法將兩個div元素重疊，以下是一些常見的解決方案：

1、使用***定位：

- 將其中一個div元素設(shè)置為***定位（position: absolute;），并將其放置在另一個div元素上。

```css

.div1 {

position: relative;

}

.div2 {

position: absolute;

top: 0;

left: 0;

}

```

在這個例子中，div2 將重疊在div1 上。

2、使用z-index：

- 通過設(shè)置z-index 屬性，您可以控制元素的堆疊順序，較高的z-index 值將顯示在較低的z-index 值上面。

```css

.div1 {

z-index: 1;

}

.div2 {

z-index: 2;

}

```

在這個例子中，div2 將顯示在div1 上。

3、使用flex布局：

- 通過使用 flex 布局，您可以輕松地控制元素的排列和堆疊。

```css

.container {

display: flex;

}

.div1 {

flex-order: 1;

}

.div2 {

flex-order: 2;

}

```

在這個例子中，div2 將顯示在div1 上。

4、使用grid布局：

- 通過使用 grid 布局，您可以更***地控制元素的定位和堆疊。

```css

.grid-container {

display: grid;

}

.div1 {

grid-row: 1;

grid-column: 1;

}

.div2 {

grid-row: 1;

grid-column: 2;

}

```

在這個例子中，div2 將顯示在div1 上。

這些是一些常見的CSS方法，用于將兩個div元素重疊，您可以根據(jù)自己的需求和布局需求選擇***適合的方法。