1,盒子塌陷 产生的原因:当父元素没设置足够大小的时候,而子元素设置了浮动的属性,子元素就会跳出父元素的边界(脱离文档流),尤其是当父元素的高度为auto时,而父元素中又没有其它非浮动的可见元素时,父盒子的高度就会直接塌陷为零, 我们称这是CSS高度塌陷。 解决办法: 使用清除浮动的办法; 2,margin塌陷 产生的原因:一句话总结:父子嵌套的元素垂直方向的margin取最大值。 解决办法: 通过触发BFC来解决。 最好使用overflow: hidden