父子盒子边距塌陷

父盒子和子盒子粘在一起了，当给父盒子设置margin-top时，子盒子跟着父盒子一块下移了。 给子盒子设置margin-top时，父盒子也跟着走。当子盒子和父盒子都设置margin-top时，哪个值大，就按照哪个值。
塌陷原因：父子盒子公用一个外边距区域。

解决方法：如main,main为父元素 若设置padding：1px, 子元素本应 margin-top:-10px，则此时应设为margin-top:-11px