CSS浮动是一种布局方式，可以让元素向左或向右“浮动”，并在页面中脱离文档流，使其它元素可以环绕它。浮动元素可以使页面布局更加灵活，可以实现多栏布局、图片浮动、文字环绕等效果。

　　CSS浮动有三种属性值：left、right和none，其中none表示不浮动。通过设置元素的float属性为left或right可以让元素向左或向右浮动，例如：

img {
  float: left;
}

 　　上述代码将图片元素向左浮动。当元素浮动后，其周围的文本和块级元素会围绕在元素的周围，如果没有足够的空间容纳这些元素，则它们会被推到下一个可用的区域。如果希望避免这种情况，可以设置元素的clear属性，例如：

p {
  clear: both;
}

 　　上述代码将段落元素的clear属性设置为both，表示清除左右两侧的浮动元素。这样，即使浮动元素高度超出了父元素的高度，段落元素也会被推到浮动元素的下方，避免了元素重叠和布局混乱的问题。

　　总的来说，CSS浮动是一种强大的布局方式，可以用于实现各种复杂的页面布局和效果，但也需要注意避免出现布局问题和元素重叠等情况。