HTML中的div是頁面布局經常使用的元素，它通常用于將一些相關的元素分組放置在一起。在實際應用中，更多情況下，需要在div之間添加間距以使頁面更美觀。接下來，我們將介紹如何設置div之間的距離。 首先，我們需要了解CSS的margin屬性，它可以用來設置元素的外邊距，即元素與其周圍元素的距離。通過margin屬性，我們可以很方便地設置div之間的距離。 以下是一段示例代碼，展示如何設置兩個div之間的距離為20像素。

<style>
.box {
width: 200px;
height: 200px;
background-color: #eee;
margin-bottom: 20px;
}
</style>
<div class="box"></div>
<div class="box"></div>

以上CSS代碼中，我們針對box類設置了margin-bottom屬性為20像素。這樣，在多個box元素排列時，就會在它們之間添加20像素的距離。 當然，我們也可以通過修改其他margin屬性來設置元素周圍的距離，比如margin-left、margin-right、margin-top等。另外，我們還可以使用padding屬性來設置元素內邊距，從而調整元素內部的間距。 綜上所述，通過CSS的margin屬性和padding屬性，我們可以很方便地設置div之間的距離和內部的間距。這將有助于制作更美觀的頁面布局。