浮动（float)

作用：

开始是为了图文环绕

常用于垂直的列表横向展示​

特点

一行显示多个

脱标、不占位、覆盖标准流元素

可以设置宽高

[⚠️注意]（清除浮动）

父元素设置高

伪元素清除法 ⚠️常用(content标签一定要有)

.clearfix::before,
.clearfix::after {
   content: "";
   display: table;
}
.clearfix::after {
   clear: both;
}

overflow：hidden