在CSS中，我們可以使用多種方法來控制盒子之間的距離，***常見的兩種方法是使用margin和padding屬性。

1、使用margin屬性：

margin屬性用于設置盒子之間的外部距離，如果你想讓兩個盒子之間有一定的距離，你可以給它們設置一個相同的margin值。

.box1 {
  margin-bottom: 20px; /* 設置box1與下方元素之間的距離為20像素 */
}
.box2 {
  margin-top: 20px; /* 設置box2與上方元素之間的距離為20像素 */
}

2、使用padding屬性：

padding屬性用于設置盒子內(nèi)部的距離，如果你想讓盒子內(nèi)部有一定的空間，你可以給盒子設置一個padding值。

.box {
  padding: 20px; /* 設置box內(nèi)部的距離為20像素 */
}

你還可以使用border屬性來設置盒子之間的寬度，這也可以間接地控制盒子之間的距離。

.box1 {
  border-bottom: 20px solid #000; /* 設置box1與下方元素之間的邊框寬度為20像素 */
}
.box2 {
  border-top: 20px solid #000; /* 設置box2與上方元素之間的邊框寬度為20像素 */
}

三種方法都可以用來控制盒子之間的距離，你可以根據(jù)你的具體需求選擇使用哪種方法。