CSS中，我們可以使用多種方法讓幾個盒子合并，***簡單的方法是使用CSS的display屬性，將盒子的display屬性設(shè)置為flex或grid，可以讓盒子在水平或垂直方向上合并，以下代碼可以讓三個盒子在水平方向上合并：

.box {
  display: flex;
}

在HTML中，我們可以將三個盒子放入一個div中，并給這個div添加上述CSS樣式：

<div class="box">
  <div class="box-item">盒子1</div>
  <div class="box-item">盒子2</div>
  <div class="box-item">盒子3</div>
</div>

除了使用display屬性，我們還可以使用CSS的position屬性來讓盒子合并，通過給盒子添加position:absolute樣式，并設(shè)置top、left、right和bottom屬性，可以讓盒子在任意位置合并，以下代碼可以讓三個盒子在屏幕中央合并：

.box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在HTML中，我們需要給每個盒子添加上述CSS樣式：

<div class="box">盒子1</div>
<div class="box">盒子2</div>
<div class="box">盒子3</div>

除了上述兩種方法，我們還可以使用CSS的z-index屬性來讓盒子合并，通過給盒子添加z-index樣式，并設(shè)置不同的z-index值，可以讓盒子在垂直方向上疊加合并，以下代碼可以讓三個盒子在垂直方向上合并：

.box {
  position: relative;
  z-index: 1;
}
.box-item {
  position: relative;
  z-index: 2;
}

在HTML中，我們需要將每個盒子放入一個div中，并給這個div添加上述CSS樣式：

<div class="box">
  <div class="box-item">盒子1</div>
  <div class="box-item">盒子2</div>
  <div class="box-item">盒子3</div>
</div>

是三種常見的CSS讓幾個盒子合并的方法，根據(jù)具體的需求和場景，我們可以選擇適合的方法來實現(xiàn)盒子的合并。