我们在进行页面开发时，不可避免的会使用到margin这个属性
在子级div里面使用margin-top属性时，父级div也会随之生效margin-top
所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为：同级或者嵌套的盒元素，并且它们之间没有非空内容、Padding或Border分隔。
所以可知 在子级div设置margin属性时，在父级div没有找到非空内容、padding或border，所以又向上寻找，导致父级div得margin也生效了。
解决办法
- 父级div设置border或padding-top
- 父级div设置overflow: hidden;