双伪类元素清除浮动带来的影响

双伪类元素清除法
解决问题1 清除父子盒子的margin-top问题
解决问题2 清除父子盒子的高度塌陷问题
给父元素添加一个clearfix类加上下面的代码就可以直接解决上述问题

```html
.clearfix::before ,
    .clearfix::after {
        content:'';
        display: table;
    }
    .clearfix::after {
        clear: both;
    }