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

时间：2021-07-05 17:36:00 收藏：0 阅读：0

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

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

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

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

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