CSS解决外边距塌陷/清除浮动双伪元素

• 外边距塌陷：父子标签，都是块级，子级加margin会影响父级位置。
• 父子级标签，子级浮动，父级没有高度，后面的标准流盒子会受影响，显示到上面。

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

清除浮动的方法-给父元素设置overflow：hidden

overflow:hidden