[分享]css中div浮动起来的间距

CSS中的div浮动起来的间距是指在使用浮动属性（float）后，浮动的两个块级元素之间的间距。例如以下代码： 左侧浮动 右侧浮动 其中，“floatleft”和“floatright”都是CSS样式...

CSS中的div浮动起来的间距是指在使用浮动属性（float）后，浮动的两个块级元素之间的间距。

例如以下代码：
<div class="float-left">左侧浮动</div>
<div class="float-right">右侧浮动</div>
其中，“float-left”和“float-right”都是CSS样式类，分别代表左浮动和右浮动。

使用浮动后，左侧浮动和右侧浮动会分别浮动到页面的左侧和右侧，同时它们之间会有一段间距。这个间距的大小取决于它们的父元素，以及使用的浮动算法（左浮动、右浮动、全部浮动等）。

要调整浮动元素之间的间距，可以使用CSS中的“margin”属性。例如：

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

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

上面的代码表示，在左浮动的元素右侧增加10px的右边距，在右浮动的元素左侧增加10px的左边距。这样可以调整浮动元素之间的间距。

需要注意的是，如果浮动元素的宽度加上它的外边距大于父元素的宽度，那么浮动元素会自动换行。因此，如果浮动元素之间的间距过大，也可能导致它们在父元素内换行。

总之，在CSS中使用浮动实现元素布局时，注意控制浮动元素之间的间距，避免影响页面的整体布局。