在CSS中，將兩個盒子合并通常涉及使用相對定位（relative positioning）或***定位（absolute positioning）來實現(xiàn)，以下是一個使用相對定位的例子：

1、創(chuàng)建一個HTML文件，包含兩個div元素，每個元素都有一個類名（box1和box2）。

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

2、在CSS中，為這兩個div元素設置相對定位，這將使它們成為相對定位的上下文，并允許你通過top、right、bottom和left屬性來調(diào)整它們的位置。

.box1 {
  position: relative;
  top: 0;
  left: 0;
}
.box2 {
  position: relative;
  top: -50px;  // 將Box 2向上移動50像素
  left: 50px; // 將Box 2向右移動50像素
}

在這個例子中，box2會相對于box1進行定位，你可以根據(jù)需要調(diào)整top和left的值，使兩個盒子合并在一起，這種方法適用于當兩個盒子需要相互關聯(lián)并緊密排列時。

如果你希望兩個盒子完全重疊，可以使用***定位（absolute positioning）：

.box1 {
  position: absolute;
  top: 0;
  left: 0;
}
.box2 {
  position: absolute;
  top: 0;
  left: 0;
}

在這種情況下，兩個盒子都會相對于它們的***近的一個相對定位（relative）或固定定位（fixed）的父元素進行定位，如果沒有這樣的父元素，它們會相對于初始包含塊（initial containing block）進行定位，這種方法適用于當兩個盒子需要完全覆蓋或疊加在一起時。