css中浮动有什么用

CSS中浮动是布局中常用的一种方式，它可以让元素向左或向右移动，让其在某一行中腾出空间，从而形成多列布局或文字环绕。

 .float-left {
    float: left;
  }
  
  .float-right {
    float: right;
  } 

浮动可以用于创建多列布局，这对于响应式设计非常有用。当屏幕尺寸变化时，可以通过调整列的宽度和浮动方式来使布局适应不同的设备。

另外，浮动还可以用于文字环绕，让文字围绕在图片或其他浮动元素的周围。这样的效果通常使用图片、文章标题或引用等元素来实现。

需要注意的是，浮动元素的父元素的高度会受到影响，可能会导致布局出现问题。解决这个问题的方法有多种，例如清除浮动等。

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

总之，使用CSS中的浮动可以让我们更好地控制布局，实现各种复杂的设计效果。