关于margin垂直边距重叠问题
垂直边距重叠问题
（1）兄弟元素间相邻边距重叠问题
当两个兄弟元素相邻边距重叠时，会取最大的那个，二者不会叠加。
代码如图
运行截图
（2）父子垂直外边距相邻，则子元素的相邻外边距会设置给父元素。
代码如图
运行如图
解决办法：在父元素内设置padding,但要从内容的高度减去padding的值（为了使父元素总可见高度不变）。
代码如图
运行图
还可以在父元素中添加如下代码
border:1px black dashed;(添加边框，高度不用调整)