前端基础---clearfix的最终形态

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

                 * 子元素和父元素相邻的垂直外边距会发生重叠，子元素的外边距会传递给父元素

                 * 使用空的table标签可以隔离父子元素的外边距，阻止外边距的重叠

             * 经过修改后的clearfix是一个多功能的

             *  既可以解决高度塌陷，又可以确保父元素和子元素的垂直外边距不会重叠