直接可以拿去用的——清除浮动的方法

单伪元素清除浮动

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

双伪元素清除浮动

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