清除浮动方法汇总

1、额外标签

.clear{
     clear: both;

}

2、overfloat

.father{

    overfloat: hidden;

}

3、伪元素法：clearfix类放到父元素

.clearfix::after{
            /* 下面三个属性缺一不可 */
            content: "";
            display: block;
            clear: both;
 }

4、双伪元素

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

}

转载于:https://my.oschina.net/u/3526042/blog/918623