如何进行外边距折叠Collapsing margins的分析，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
成都创新互联是一家专业提供静宁企业网站建设,专注与做网站、成都网站设计、H5场景定制、小程序制作等业务。10年已为静宁众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
外边距折叠，是属于盒模型部分的一个重要概念。在刚刚开始接触CSS的时候，对外边距折叠的认识，只有一句话：垂直方向上相邻的两个外边距(margin)会合并成一个，最终的大小，是两个中较大的。
什么是外边距折叠，以及还有其他什么情况下会发生，都不清楚。后来，在实际应用中发现，外边距折叠不是这么简单的，其中包含了很多其他情况下的折叠规则。
一、概念
Collapsing margin，指的是毗邻的两个或多个外边距 (margin) 会合并成一个外边距，即外边距折叠。其中所说的 margin 毗邻，可以归结为以下两点：
1. 这两个或多个外边距没有被非空内容、padding、border或clear分隔开。
2. 这些margin都处于普通流(in-flow，非浮动元素，非定位元素)中。
二、margin折叠的规则
1. 两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠
A. 两个或多个
说明其数量必须是大于一个，又说明，折叠是元素与元素间相互的行为，不存在A和B折叠，B没有和A折叠的现象了。
B. 毗邻
是指没有被非空内容、padding、border或clear分隔开，说明其位置关系。注意一点，在没有被分隔开的情况下，一个元素margin-top会和它普通流中的***个子元素(非浮动元素等)的margin-top相邻；只有在一个元素的height是”auto”的情况下，它的margin-bottom才会和它普通流中的***一个子元素(非浮动元素等)的margin-bottom相邻。文章不够，例子来凑：
HTML code B
