clear和clearfix都是用于解决浮动元素会导致父元素高度塌陷的问题。
clear属性用于指定一个元素的边框不允许相邻浮动元素出现。它有以下几个取值：
none： 默认值，边框允许相邻浮动元素。
left： 左边边框不允许相邻浮动元素。
right： 右边边框不允许相邻浮动元素。
both： 两边边框都不允许相邻浮动元素。
clearfix是一种清除浮动的技术，它通过添加一个伪元素或者清除元素的方式，让父元素能够正确计算浮动元素的高度，从而避免高度塌陷问题。通常，为了清除浮动，会给父元素添加一个clearfix类，然后在CSS中定义clearfix类的样式，可以使用以下方式：
计算
安全
数据库
网络和加速
企业服务
.clearfix::after {
content: "";
display: table;
clear: both;
}
这样就能让父元素正确计算浮动元素的高度，并避免高度塌陷问题。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
推荐阅读：CSS clear属性的作用是什么
