清除浮动的方法，有两类：使用overflow属性和使用伪元素。下面大家来一一解释。
.clearfix {
overflow: auto;
}方法一：使用overflow属性。大家需要在父元素上添加一个class，并为该class设置overflow: auto;，这样就能轻松清除子元素的浮动了。
方法二：使用伪元素。大家需要在父元素样式中，添加一个clearfix伪元素
.clearfix::after {
content: "";
display: block;
clear: both;
}使用这种方法需要注意，clearfix伪元素是一个“看不见”的元素，所以必需为其设置content属性，否则该元素不会出现。
需要注意的是，清除浮动一般都是应用在父元素上。这样一来，就不会影响子元素的布局，同时也能完美解决浮动元素带来的问题。