为什么子元素设置margin-top，父元素也会跟着向下移动

今天在项目中遇到给子元素加margin-top时，父元素也会跟着塌陷，百度了下，发现解决办法很多，最推荐的是给父元素加overflow,代码如下： .father{ width: 500px; height: 500px; background-color: pink; overflow: hidden; }