子元素margin-top超出父元素边界问题解决

给父元素添加：

.parent {
  border: 1px solid transparent;
  outline: none;
  box-sizing: border-box;
}

原因：
当页面中第一个元素有margin-top属性时，会超出父元素的边界，导致顶部空出一块
这样影响页面美观
添加代码border: 1px solid transparent;，给父元素添加一个1px的透明边框，限制子元素的边界
添加代码outline: none; box-sizing: border-box;，让这个边框包含在父元素之内，而不占用额外的空间，不影响原本页面布局

参考自：

GET https://blog.csdn.net/weixin_43498333/article/details/108344382