清除浮动总结

在需要解决margin重叠或者清除浮动的元素上添加这个样式：

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

说明：
清除浮动，是要在需要清除浮动的元素的最后面添加一个块级标签或者伪类，来达到清除浮动的目的。
解决margin重叠，需要在待解决的元素的前面添加table，或者display: table,的元素