这是个基础的问题,我们在普通文本流中布局时常常发生外边距合并的情况;有时不太注意就会造成页面的怪异表现,因此要掌握外边距margin叠加合并的知识点;
外边距合并指的是:当两个垂直的外边距相遇时,它们将形成一个外边距;合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者;
当一个元素出现在另一个元素上面时,第一个元素的下外边距与第二个袁术的上外边距发生合并;
当一个元素包含在另一个元素中时,假设没有内边距、边框把外边距分隔开,此时两个外边距相遇,它们的上下外边距发生合并;
什么时候下发生外边距合并?
普通文本流,即不包含float,position:relative、absolute、fixed等的元素在垂直方向上相遇,则发生外边距合并;
外边距合并的意义:
排版上的应用;以由几个段落组成的典型文本页面为例;