margin的传递问题以及解决方式

Margin传递问题:

页面上有一个父元素和子元素，当子元素不设置margin-top时，二者都会位于浏览器顶部显示；当子元素设置margin-top时，父元素会紧挨子元素，并且父元素会被子元素拽下来，这就是margin传递现象。

解决方法：

方式1：父容器加上边框

方式2：子元素设置浮动

方式3：父元素设置浮动

方式4：子元素设置绝对定位（子绝父相）