CSS双伪元素清除浮动

1. 双伪元素清除浮动（三剑客）

.clearfix::before,

.clearfix::after {

    content: '';

    display: table;

    clear: both;

}

谁需要清除浮动就给谁加，代码如下：