我清楚重叠的原理，可能是之前没写过类似的案例吧，老师讲的这个实际应用栗子没听懂，希望搞明白的同学指点一次。
不知道你现在理解了没，我的理解是，比如一组元素，两两之间都需要间隔时，我们一般都会统一为每个元素设置margin-bottom或者margin-top，以设置margin-top为例，那么到最后（最下面）一个元素的时候，一般需要单独为其设置margin-bottom保持布局的完整合理，但是之后项目需求若是删除了最后一个元素，那么又没有给倒数第二个元素设置margin-bottom，就会出现当前的最后一个元素紧贴底部的情况，需要重新为其设置margin-bottom来解决，但是若采用老师所说的方式，相邻兄弟元素之间会发生重叠不影响间距，最后和第一个元素又都有各自的margin-bottom和margin-top，删除任意一个元素都不会影响这种稳定的状态，这就是所谓增加了健壮性。
嗯，希望讲清楚啦。
试了一下，用margin top和bottom同时用，当删除最后一个按钮，按钮后面内容的不会挤上来，能够增强健壮性，结构不会随便被破坏。只有margin-top，删除按钮，后面的会紧贴着按钮上面内容，破坏页面结构。
通过margin-top和margin-bottom可以增强代码的健壮性，老师例子来说，最下面本来有个button按钮，如果只使用margin-top没了button按钮，上下就会发生重叠