margin特性

margin有两个特性

• 重叠性
• 传递性

margin重叠性 

盒子和盒子之间如果兄弟是】时，margin在垂直方向上会发生重叠效应，以大值为准

示例：

 效果：

 margin传递性

盒子和盒子之间如果是父子关系，子盒子设置margin-top会直接传递给父元素（即会变成父元素的margin-top）

效果： 

 说明：子元素是需要在设置margin-top时给出父元素的边框，如下设置可以是透明颜色

border：1px solid transparent；

如果没有边框，则top值会直接作用在父元素上

注意：如果父元素设置padding-top时，对子元素是没有影响的（不一定要加边框 ）

原理

margin-top或margin-bottom是需要有一个可操作性的边值作为具体实线点，如果没有这个边值，则会进行延长或传递