注意：外边距合并问题是发生在给两个块元素设置垂直外边距时（也就是margin-top和margin-bottom）
第一种：两个块元素为兄弟关系
- 当上下相邻的两个块元素，上边个块有margin-bottom，下边个块有margin-top的时候就会发生外边距合并
- 合并原则：取margin-bottom和margin-top中较大的一个值作为它们之间的距离
- 解决方案：尽量只给一个盒子添加margin值
第二种：两个块元素为父子关系
- 父元素没有上内边距(padding-top)和边框(border)时，父元素和子元素的上外边距会发生合并
- 合并原则：取两个值较大的一个
- 解决方案：
- 给父元素加边框
- 给父元素加上内边距(padding-top)
- 给父元素加overflow：hidden
相关文章：
-
2021-09-29
-
2022-12-23
-
2022-12-23
-
2021-05-01
-
2022-12-23
-
2021-12-31
-
2021-12-31
-
2022-01-12
猜你喜欢
-
2021-08-03
-
2021-07-10
-
2022-01-02
-
2021-12-27
-
2022-12-23
-
2021-04-07
-
2021-08-25
相关资源
-
下载
2021-11-02
-
下载
2022-12-20
-
下载
2022-12-20
-
下载
2022-12-30