overflow:hidden--溢出，塌陷，清除浮动

隐藏溢出

当父盒子拥有固定的高度时，子盒子高度高于父盒子，我们在父盒子使用overflow:hidden来隐藏溢出。

解除塌陷

对于两个嵌套关系（父子关系）的块元素，父元素有上外边距同时子元素也有上外边距，此时父元素会塌陷较大的外边距。

解决方案：

1.     为父元素定义上边框
2.     为父元素定义上内边距
3.     为父元素添加overflow:hidden

   1,2会增大盒子大小，3不会增大盒子大小

清除浮动

当父元素的高height:auto时（哪怕不写，默认也为auto），当我们为子盒子加上一个属性：float:left后，我们会发现：父盒子消失了，这是因为： 浮动的元素脱离文档元素， 不占据空间。 不浮动的元素会直接无视掉这个元素：父盒子无视了自己的两个孩子，其高度为0（因为我们没有设置父盒子的高度），所以父盒子没有显现。 

解决方案

1. 给父盒子设置高度
2. 在父盒子里写上overflow:hidden