css子元素和父元素margin重叠

子元素和父元素共享margin

有时会出现子元素和父元素共享外边距的情况，如下图，父元素并没有设置上外边距，但是随着子元素一起移动了

解决方法有多种，例如：

1. 开启绝对定位；
2. 给父元素设置overflow：hidden；
3. 给父元素设置内边距；
4. 给父元素设置边框；