大家应该会碰到这种情况。父元素内部有子元素，如果给子元素添加了margin-top，结果父元素也会一起跟下来，导致了外边距塌陷的现象。
我们可以在父元素中加入overflow:hidden，便可以解决外边距塌陷问题。
那为什么子元素加了margin-t 大专栏 关于为什么会造成外边距塌陷的分析op，父元素也会跟下去呢？
根据规范，一个盒子如果没有上补白和上边框的话，那么它的上边距会和它的文档流中的第一个子元素的上边距重叠。意思就是子元素的margin-top如果找不到父元素的border或者padding，就会与父元素的上边距重叠。
来源：https://www.cnblogs.com/liuzhongrong/p/12365142.html