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

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

问题描述:

图片说明
原本同层的两个DIV增大页面后浮动到下一层了 这是为什么
  图片说明
怎样才能把他们固定 增大页面位置也不动呢?
新人小白还请大佬们赐教QAQ

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