CSS浮動是一項強大且常用的技術，可以使元素在文檔中自由地移動和定位。但是，在使用浮動時，有時需要控制元素之間的距離，這就需要使用CSS有距離的浮動。

在CSS中，有三個屬性可以幫助我們實現有距離的浮動，分別是margin、padding和border。這些屬性可以應用于浮動元素或其包含塊，以控制元素之間的間距。

例如，以下是一個使用CSS浮動和margin屬性的示例：

.float-left {
float: left;
margin-right: 20px;
}
.float-right {
float: right;
margin-left: 20px;
}

上述代碼使左浮動元素具有20像素的右邊距，右浮動元素具有20像素的左邊距。這樣就可以在元素之間留出一定距離，使文檔更加美觀。

同樣的，可以使用padding和border屬性來實現有距離的浮動。以下是一個使用padding屬性的示例：

.float {
float: left;
padding-right: 20px;
}

上述代碼使浮動元素具有20像素的右邊填充，這樣就可以在元素之間留出一定距離。

以上是關于CSS有距離的浮動的一些簡單介紹和示例。如果您需要在浮動元素之間留出一定距離，這些屬性可以幫助您解決問題。