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

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

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