CSS設(shè)置兩個(gè)小盒子，可以通過(guò)以下步驟實(shí)現(xiàn)：

1、創(chuàng)建兩個(gè)HTML元素，例如div，分別代表兩個(gè)小盒子。

2、為每個(gè)div元素設(shè)置CSS樣式，包括寬度、高度、邊框等屬性，以定義小盒子的外觀和大小。

3、使用CSS的position屬性，將兩個(gè)小盒子定位在所需的位置，可以使用absolute或relative定位，將小盒子放置在父元素的特定位置。

4、如果需要，可以使用CSS的z-index屬性，設(shè)置小盒子的堆疊順序。

以下是一個(gè)示例代碼，展示如何設(shè)置兩個(gè)小盒子：

HTML代碼：

<div class="box1"></div>
<div class="box2"></div>

CSS代碼：

.box1 {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  position: absolute;
  top: 50px;
  left: 50px;
}
.box2 {
  width: 200px;
  height: 200px;
  border: 2px solid #333;
  position: relative;
  top: 150px;
  left: 150px;
}

在上面的代碼中，我們創(chuàng)建了兩個(gè)div元素，并分別設(shè)置了它們的樣式，***個(gè)小盒子（box1）被設(shè)置為***定位，位于父元素的top和left屬性為50px的位置，第二個(gè)小盒子（box2）被設(shè)置為相對(duì)定位，位于父元素的top和left屬性為150px的位置，我們還設(shè)置了小盒子的寬度、高度和邊框樣式。

上述代碼僅是一個(gè)示例，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整，為了確保小盒子能夠正確顯示，還需要確保HTML和CSS代碼被正確引用和加載。