CSS的clearfix

可以在不添加新的 html 标签的前提下，解决让父元素包含浮动的子元素的问题。用图片可以很直观的表述这个问题。

图片来源： stackoverflow.com/questions/8…

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table; // 此元素会作为块级表格来显示，表格前后带有换行符。
}

.clearfix:after {
    clear: both;
}