在CSS中，我們可以使用多種方法來讓盒子疊加，這里，我們將使用一種簡單而常見的方法——使用相對定位和***定位來實(shí)現(xiàn)。

相對定位和***定位

1、相對定位：相對定位是相對于元素在文檔流中的原始位置來定位，我們可以通過設(shè)置position: relative; 來開啟相對定位。

2、***定位：***定位是相對于***近的已定位祖先元素（如果存在的話）或者相對于包含塊（通常是視口）來定位，我們可以通過設(shè)置position: absolute; 來開啟***定位。

示例

假設(shè)我們有兩個(gè)盒子，盒子A和盒子B，我們想要讓盒子B疊加在盒子A上面。

HTML結(jié)構(gòu)：

<div class="box A">盒子A</div>
<div class="box B">盒子B</div>

CSS樣式：

.box {
  width: 200px;
  height: 200px;
  border: 1px solid black;
}
.box A {
  position: relative; /* 開啟相對定位 */
}
.box B {
  position: absolute; /* 開啟***定位 */
  top: 0; /* 疊加在盒子A的頂部 */
  left: 0; /* 疊加在盒子A的左側(cè) */
}

在這個(gè)示例中，盒子B將疊加在盒子A的頂部和左側(cè)，你可以根據(jù)需要調(diào)整top 和left 的值來調(diào)整盒子B的位置，這種方法適用于簡單的疊加需求，但如果需要更復(fù)雜的布局，可能需要使用其他CSS技術(shù)。