CSS中讓盒子疊放到一起的方法

在CSS中，我們可以使用position屬性來讓盒子疊放到一起，具體步驟如下：

1、我們需要將每個盒子的position屬性設(shè)置為relative或absolute，這會使盒子相對于其包含塊或整個頁面進(jìn)行定位。

2、我們可以使用top、right、bottom和left屬性來調(diào)整盒子的位置，如果我們想讓一個盒子疊放在另一個盒子的上面，我們可以將上面的盒子設(shè)置top屬性為-100%，這樣它就會向下移動，直到與下面的盒子重疊。

3、我們還可以使用z-index屬性來控制盒子的堆疊順序，z-index值越高的盒子會覆蓋在值越低的盒子上方。

下面是一個示例代碼，展示如何讓兩個盒子疊放到一起：

HTML代碼：

<div class="box1">Box 1</div>
<div class="box2">Box 2</div>

CSS代碼：

.box1 {
  position: relative;
  top: -100%;
  z-index: 1;
}
.box2 {
  position: relative;
  top: 0;
  z-index: 2;
}

在這個示例中，Box 1會疊放在Box 2的上面，因為Box 1的z-index值比Box 2小，Box 1的top屬性設(shè)置為-100%，使其向下移動，直到與Box 2重疊，Box 2的top屬性設(shè)置為0，使其保持在原始位置。