读过李松峰老师翻译的新书中《CSS设计师指南（第3版》的外边距叠加部分()实在是有些捉急啊，这地方实在是有些没写到位，也有错误（如“叠加的只是垂直外边距，水平外边距不叠加”）
margin collapsing现象
BFC（block formatting context）中相邻的两个block-level的盒，上一个box的下边距会跟下一个box的上边距发生叠加，即两者取最大的，而不是相加：
runmargin collapsing与方向无关
《CSS设计师指南（第3版》中讲到“叠加的只是垂直外边距，水平外边距不叠加”，这个说法是错误的，叠加与否完全取决于两个box是否是位于同一BFC的两个相邻box，与水平垂直无关，下面例子中，更改了body的writing-mode，于是叠加发生在了水平方向（仅ie可看）
runmargin collapsing仅仅发生在BFC
margin collapsing不发生在IFC
当把元素的display属性设为inline-block，它们都位于IFC当中，所以不论水平还是竖直方向，都不会发生叠加：
runmargin collapsing不发生在floats
当把元素的float属性设为left，它们都不在正常流中，更不在BFC中了，同样不论水平还是竖直方向，都不会发生叠加：
run
margin collapsing可能跨元素
当一个容器既没有border又没有padding时，它的第一个子box的的margin也能跟它的上一个容器的margin发生叠加：
runmargin collapsing不能跟padding(内边距)折叠
有padding(内边距)的时候，上一节的情况不发生：
run
margin collapsing不能跟跨越BFC
当一个容器在其内部创建新的BFC时，跨元素折叠的情况也不会发生。
run