div嵌套内层div的margin-top转移给外层div的解决办法

在web开发过程中，有些情况下给内层ｄｉｖ设置的margin却被莫名奇妙的转移给了外层ｄｉｖ。百度之后，发现它竟然是ｃｓｓ２.１中盒模型中规定的内容：

In this specification, the expression collapsing margins means that adjoining margins (no non-empty content, padding or border areas or clearance separate them) of two or more boxes (which may be next to one another or nested) combine to form a single margin. 所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。

解决办法：
　　　　１.给父元素添加 ｏｖｅｒｆｌｏｗ：ｈｉｄｄｅｎ; 属性。
　　　　２.或者给父元素添加 ｐａｄｄｉｎｇ－ｔｏｐ 属性，属性值为要设定的ｍａｒｇｉｎ 值。

转载于:https://www.cnblogs.com/liuyanxia/p/5439367.html