在CSS中，要實現(xiàn)兩個div元素的疊加，可以使用***定位（absolute positioning）或者相對定位（relative positioning）的方法。

方法一：使用***定位

1、創(chuàng)建一個包含兩個div元素的HTML文件。

2、為***個div元素設(shè)置***定位，使其脫離文檔流。

3、為第二個div元素設(shè)置***定位，并將其放置在***個div元素的上方。

方法二：使用相對定位

1、創(chuàng)建一個包含兩個div元素的HTML文件。

2、為***個div元素設(shè)置相對定位。

3、為第二個div元素設(shè)置相對定位，并將其放置在***個div元素的上方。

示例代碼

HTML:

<div id="div1" style="position: absolute; top: 0; left: 0; width: 200px; height: 200px; background-color: red;"></div>
<div id="div2" style="position: absolute; top: -100px; left: 0; width: 200px; height: 200px; background-color: blue;"></div>

或者：

<div id="div1" style="position: relative; top: 0; left: 0; width: 200px; height: 200px; background-color: red;"></div>
<div id="div2" style="position: relative; top: -100px; left: 0; width: 200px; height: 200px; background-color: blue;"></div>

結(jié)果

在兩種情況下，第二個div元素都會疊加在***個div元素的上方，創(chuàng)建一個疊加的效果，這種方法在創(chuàng)建復(fù)雜的布局和交互效果時非常有用。