解决办法：

父级或子元素使用浮动或者绝对定位absolute

浮动或绝对定位不参与margin的折叠

父级overflow:hidden;
父级设置padding（破坏非空白的折叠条件）
父级设置border

导致这个问题的原因：

来看css2.1盒模型中规定的内容：
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分隔。
因为嵌套也属于毗邻，所以在样式表中优先级更高的

magin-top 影响父元素
解决办法：父级或子元素使用浮动或者绝对定位absolute 浮动或绝对定位不参与margin的折叠父级over...
CSS 清除浮动
1、浮动的缺陷影响它的兄弟元素的位置和父元素产生高度塌陷（父元素不被撑开）。（1）影响它的兄弟元素的位置未设...
web清除浮动的几种方式
浮动对页面的影响：如果一个父元素中包含一个子元素，父元素没有设置高度，子元素再父元素中进行了浮动。那么这个时候，...
实现淘宝静态页面学到的
1、子元素浮动会对父级元素造成影响，比如在父元素无法确定高度的情况下，若所有子元素浮动，则父元素会变成一条线，这是...
前端面试题总结【20】：浮动元素引起的问题和解决办法？
浮动元素引起的问题：父元素的高度无法被撑开，影响与父元素同级的元素与浮动元素同级的非浮动元素会跟随其后若非第...
浮动问题
当父级元素受到子级元素的浮动影响时可以通过“overflow:hidden;”来清除影响邻级元素受到浮动影响时通过...
浮动定位、BFC、外边距合并
1. 浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响? 浮动元素脱离了普通文档流。如果父...
BFC和定位
浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?特征：元素浮动会脱离标准文档流。对父容...
CSS（margin影响父元素）
这个问题是CSS2.1的盒模型中规定的内容——Collapsing margins： In this specif...
浮动定位BFC边距合并
1.浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?当浮动元素的边框触碰到父元素的边框或...