Title 123 456 外部距塌陷问题 1,当上下相邻的两个块级元素相遇,上面的元素有下边距margin-bottom,下面的元素有上边距margin-top,则它们之间的垂直距离取两个值中的较大者。 这时候两个盒子之间的垂直距离不是30px,而是20px。 解决方法: 尽量只给一个盒子添加margin值。 2.对于两个嵌套关系的块元素,如果父元素没有上内边距及边框,父元素的上外边距会与子元素的上外边距发生合并,合并后的外边距为两者中的较大者。