浮動距離是指父元素中一個浮動元素與另一個非浮動元素之間距離的大小。在CSS中,可以使用margin屬性來設(shè)置浮動元素與其它元素之間的距離。舉個例子:
.container { width: 600px; } .float { float: left; width: 200px; height: 200px; margin-right: 20px; } .non-float { width: 380px; height: 200px; }
在這個例子中,浮動元素的寬度為200px,右側(cè)Margin為20px,則浮動距離為220px。這代表非浮動元素需要在浮動元素的右側(cè)留出至少220px的空間才能正常顯示。
需要注意的是,當(dāng)設(shè)置margin-right額外浮動元素之間留出的溢出距離時,應(yīng)該將厚度設(shè)置為相同的浮動元素的寬度。例如,如果在上面的例子中,將浮動元素的寬度設(shè)置為100px,則浮動距離應(yīng)為120px(100px+20px)。否則,當(dāng)多個浮動元素緊密排列時,可能會發(fā)生重疊或錯位的問題。