浮动是CSS中一种常见的布局方式。它可以让元素脱离文档流，然后让其他元素环绕着它。主要使用float属性来设置元素的浮动方式。
/*将元素向左浮动*/
.float-left{
float: left;
}
/*将元素向右浮动*/
.float-right{
float: right;
}
/*清除浮动*/
.clearfix::after{
content: "";
display: block;
clear: both;
}当一个元素设置为浮动时，它会尽可能地靠向容器的左边或右边。当它的左边或右边有其他元素时，它会沿着周围元素的边缘向上“浮动”，在容器中留下空隙。
使用浮动布局时，可能会遇到一些问题，例如容器高度不能自适应等问题。这时可以使用清除浮动的方式来解决。通过在容器的最后添加一个空的块级元素或设置:before或:after伪元素来清除浮动。
虽然浮动布局在过去很受欢迎，但是现在已经不再是主流的布局方式。可以使用css网格布局或flexbox等更现代的布局方式来实现更复杂的页面布局。