本文介绍了CSS中外边距重叠的现象，特别是父子元素和兄弟元素之间的重叠问题。为了解决这个问题，提出了两种解决方案：开启BFC（块级格式化上下文）和利用clear属性。通过创建隔离的布局环境或者在父元素前添加元素来防止外边距重叠，从而保持页面布局的稳定性。这种方法既实用又不违反HTML、CSS、JS的职责划分原则。
外边距重叠分为两种：兄弟元素相邻外边距重叠、父子元素相邻外边距重叠。因为兄弟元素相邻外边距重叠对于开发是有利的，所以不需要进行处理，但是父子相邻外边距重叠会影响到页面布局，因此必须进行处理。
那么怎么解决外边距重叠问题呢？
1）开启BFC
见文章(3条消息) BFC（块级格式化环境）_weixin_58734251的博客-CSDN博客
2）通过clear属性解决
这里通过在box1的最开始添加一个元素来分离父子关系的相邻元素
这里同样使用伪元素的方法，既可以解决外边距重叠问题，又不违背HTML、CSS、JS各司其职的原则
2001
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
