css float浮动 clearfix清除浮动CSS中的浮动指的是一种布局方式，可以让元素向左或向右浮动，以腾出空间给

CSS中的浮动指的是一种布局方式，可以让元素向左或向右浮动，以腾出空间给其他元素。浮动元素不再占据父容器中的原始位置，而是尽可能地靠近容器中的另一个元素。这种布局方式常用于制作多栏布局、图像浮动等。但是，浮动元素可能会导致其他元素的位置混乱，需要注意清除浮动。

float:最早是给报纸排版用的,使文字能够围绕在图片周围

例子

float 元素产生浮动流, block元素看不见,

inline 文本 bfc可以看到浮动流元素浮动流导致父级不能包裹子元素, 清除浮动流,clearFix

为float的父元素添加一个class="clearfix"的伪类

.clearfix::after{
    contnent:""; //伪类要生效前提条件
    clear:both;
    display:block; // block元素才能使用clear
}