Margincollapse:当两个嵌套的块元素给子盒子添加一个向上的margin时,父盒子就会随之而来,这就是marginCollapse。解决方法:1.给父框添加padding2.给父框添加边框3.给父元素添加overflow:hidden属性。当用padding可以解决同样的效果时,最好不要用margin。注意:框在网页中占用的区域=自身的宽高+内边距+边框+外边距边距合并:当两个块元素垂直排列时,同时给上边的框添加一个向下的外边距,并在下框距离上加上一个向上的外边距,此时外边距会被合并。当值相同时,就会是那个值。当数值不同时,取最大值。
