給浮動(dòng)元素的父元素,清除浮動(dòng)

單偽類清除浮動(dòng)

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

overfllow:hidden 清除浮動(dòng)

overflow: hidden;

雙偽類清除浮動(dòng)

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