CSS基础 清除浮动

1.单伪元素清除法；清除浮动

.clearfix::after{

            content: '.';

            display: block;

            clear: both;

            height: 0;  /* 这两行代码是清除content里.的这个内容*/

　　　　　　　visibility: hidden;

        }

清除浮动之前，两个盒子重叠了，上面的盒子因为浮动高度为0

清除浮动之后，

2.双伪元素清除法
固定语句

.clearfix::before,

        .clearfix::after{

            content: '';

            display: table;

        }

        .clearfix::after{

            clear: both;

        }

注意：在这里其作用相同，但它可以解决margin塌陷问题

    距离margin塌陷情况可以去https://www.cnblogs.com/jq-growup/p/15744795.html 看详情

3.方法三：
给父元素设置

     overflow:hidden; /*特点就是方便*/