css外边距合并

如果父盒子没有设置margin，子盒子设置了margin，那么外边距自动合并至父盒子

.parent {
  margin: 0;
}
.chindren {
  margin: 20px auto;
}

外边框合并，最后效果.parent margin-top:20px; .children margin-top:0;

一个简单的解决办法

给子盒子套一个盒子，用padding挤下来。