CSS2.1的盒模型中规定的内容——Collapsing margins：所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。
毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。
解决办法：
给父元素加上 padding/border/overflow:hidden，
或者给父元素/子元素设置为 float/position:absolute.
(CSS2.1规定浮动元素和绝对定位元素不参与margin折叠)。
原文：http://www.cnblogs.com/renshengruge/p/6369762.html