CSS 中的元素間距，也稱為外邊距，是指在 HTML 文檔中相鄰元素之間的間隔空白。通過使用 CSS，我們可以控制將多少間距留在元素之間。外邊距不僅可以應用于相鄰元素間的距離，還可以應用于元素與容器邊緣之間的距離。

.box {
margin: 20px;
}

上述代碼演示了如何通過設置外邊距來控制元素與容器間的距離。在這個示例中，我們使用了margin屬性，并將其設置為 20 像素。 這會將元素與容器的頂部、底部、左側和右側都留下 20 像素的間距。

除了可以使用具體數值來設置外邊距寬度之外，還可以使用百分比值。在使用百分比值的情況下，外邊距寬度將基于元素的寬度進行計算。

.box {
margin: 5%;
}

在上述代碼示例中，我們將外邊距寬度設置為 5%。這意味著外邊距寬度將基于元素的寬度計算，而不是像素數值。

外邊距也可以是負數。這意味著元素的位置將會被調整到容器的邊緣以外的位置。

.box {
margin-top: -20px;
}

在上述代碼示例中，我們將margin-top屬性設置為負數。這將導致元素的頂部將會被調整到容器的上方，導致元素與上面的元素之間的距離為負值。

總之，CSS 中的元素間距是一個重要的概念，因為它控制著頁面布局和元素之間的空白區域。熟練使用外邊距可以幫助我們創建出美觀且易于閱讀的網頁布局。