产生原因：
父盒子嵌套子盒子，然后给子盒子加margin-top产生的；（主要体现两个盒子都掉下来啦~~）
解决方法：
第一种
给父盒子加边框、内边距、外边距等（任意其中一种就可以了）
第二种
直接给父辈以上盒子加，但会进行溢出隐藏
overflow: hidden;
注意：
对于初学者来说可以遇到以上方法还是不能解决的，这个就要在保证里面的子盒子宽度要给够了~~
第三种
给父盒子盒子加clearfix
.clearfix::before,
.clearfix::after{
content: '';
display: table;
clear: both;
}