盒子垂直方向外边距合并和盒子塌陷

一、盒子垂直方向外边距合并

　　垂直方向的2个盒子，一个设置上外边距，一个设置下外边距，取的设置较大的值。

二、嵌套的盒子外边距塌陷

　　嵌套的2个盒子，如果父盒子不设置border，给子盒子设置margin-top，会造成父盒子外边距塌陷（掉盒子）

　　解决方法:  1  给父盒子设置边框

           　　　 2  给父盒子设置overflow:hidden;   bfc   格式化上下文

　　具体可参考：http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html