在CSS中，我們可以使用position屬性來控制一個元素的定位。當使用相對定位或絕對定位時，元素的位置可以通過top，left，right，bottom等屬性進行調整。使用這些屬性時，我們可以將另一個元素疊加在它的上方，產生覆蓋的效果。

當兩個div元素重疊時，可以通過z-index屬性來控制它們的顯示順序。默認情況下，元素的z-index值為auto，意味著它們按照它們在HTML文檔中的順序進行堆疊。但是，我們可以通過設置z-index屬性來改變它們在堆疊順序中的位置。

.one {
position: relative;
z-index: 1;
 }
 .two {
position: absolute;
top: 0;
left: 0;
z-index: 2;
 }

在上面的代碼中，我們設置了一個相對定位的.one元素和一個絕對定位的.two元素。由于.two元素具有更高的z-index值，它將覆蓋.one元素。

使用CSS中的定位和z-index屬性，我們可以輕松地創建疊加效果，從而實現設計上的需求。但是，我們需要小心地使用這些屬性，以防止出現排版錯誤和不必要的bug。