HTML 页面增大后原本同层的DIV浮动到下层

Question

原本同层的两个DIV增大页面后浮动到下一层了 这是为什么

怎样才能把他们固定 增大页面位置也不动呢？
新人小白还请大佬们赐教QAQ

Answer 1

此时出现了外边距塌陷的问题，你应该没有给父盒子设置高度，只是让里面的盒子按内容撑开，此时如果给里面的盒子添加外边距就会发生外边距塌陷，可以给父盒子添加overflow：hidden；
或者给父盒子一个border-top或者padding-top属性即可。