根据清除浮动的目的，可以分为以下两大类

1. 防止浮动元素引起兄弟元素布局受到影响；
2. 防止浮动元素引起父级元素高度塌陷。

css代码示例

/* 清除浮动 */
.clearfix::after {
    content: '\200B';
    clear: both;
    display: block;
    height: 0;
}

.clearfix {
    *zoom: 1;
}

• content: '\200B';表示一个零宽度的空格