[分享]css中float怎么用

CSS中的float属性，是用来控制浮动元素的布局和位置。通常使用该属性来实现页面多列布局和图片上下文环绕效果。

.boxes {
  float: left;
  width: 30%;
  margin-right: 5%;
} 

在上面的代码中，我们给一组元素设置了一个float: left属性，使它们变为浮动元素并在页面左侧对齐。然后通过width属性来控制每个元素的宽度，margin-right属性来设置元素之间的距离。

另外，在实现图片上下文环绕效果时，我们可以先将图片设为浮动元素，并设置其宽度和边距，然后使用文本环绕的方式来展示图片：

img {
  float: left;
  width: 30%;
  margin: 0 2% 2% 0;
} 

在上面的代码中，我们将图片设置为浮动元素，并让其靠在左侧对齐。同时，通过width和margin属性来控制图片的大小和位置。

需要注意的是，使用float属性的元素会脱离文档流，可能会对其它元素造成影响。因此，我们需要结合清除浮动的方法来防止这种情况的发生。

比较常见的清除浮动的方式有几种：

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.clearfix {
  zoom: 1;
} 

在上面的代码中，我们使用了双伪元素的方法清除浮动。同时，在IE浏览器中，还需要使用zoom属性触发IE的HasLayout机制，使清除浮动的效果生效。

总之，CSS中的float属性是一个非常重要的布局属性，可以通过它实现网页的多种布局效果。