css3清除浮动

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/sinat_40257787/article/details/78155353

第一种：加空标签（添加在浮动元素后面）

.clearfix{
     clear: both;
     width: 0;
     height: 0;
     overflow: hidden;
}

第二种：利用：after伪类（作用在浮动元素的父元素上）

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

第三种：向父元素上添加 overflow: auto

.clearfix {
            overflow: auto;
        }