CSS 中的浮動布局非常常見，可以將多個元素浮動在同一行內，形成一條水平排列的效果。而在多個浮動元素之間設置間隔也是很有必要的，本文將介紹如何使用 CSS 實現浮動元素間的間隔。

要實現浮動元素之間的間隔，最簡單的方法就是使用 margin 間隔。我們可以在浮動元素的樣式中設置一個 margin-right 值，即可實現浮動元素之間的間隔：

.float-item {
float: left;
margin-right: 10px; /* 設置右間距為 10px */
}

在上面的代碼中，我們設置了一個 class 為 float-item 的元素浮動到左側，并設置了右邊距 10px。這樣，每個浮動元素就會與相鄰的元素保持一定的間隔。

如果想要實現更復雜的間隔布局，我們可以使用偽元素 ::after。在偽元素中添加一個空 content 屬性和 margin 值，即可實現間隔效果：

.float-item {
float: left;
}
.float-item::after {
content: " ";
margin-right: 10px;
}

上面的代碼中，我們為浮動元素的偽元素 ::after 設置了一個空 content 屬性，并且設置了右邊距 10px。這樣，浮動元素的偽元素就會在浮動元素后面生成一個間距。

需要注意的是，在使用偽元素實現間隔的時候，我們也可以設置浮動元素的 width 和 margin-right 屬性值，以達到更加自定義化的間隔效果。

綜上所述，CSS 實現浮動元素間的間隔主要使用 margin-right 和 ::after 偽元素。通過設置不同的樣式，我們可以輕松實現不同類型的間隔布局效果。