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

时间：2021-07-03 10:58:30 阅读：18 评论：0 收藏：0 [点我收藏+]

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

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

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

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

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

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

原文：https://www.cnblogs.com/leiyanting/p/14965691.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)