清除浮动的方法

给高度塌陷的元素添加overflow: hidden

里面的最下面加一个空的div，并添加clear: both

万能清除法

  .clearfix::after {
    content: '.';
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    clear: both;
  }

display:flow-root

• 新出来的，没有副作用，但是还存在兼容性问题