1.原因: float元素脱离了文档流，但是依旧占据它本身的大小的空间；

2.解决办法：

（1）给父元素写个固定高度： 治标不治本，当子元素过多，父元素宽度不够，子元素换行显示，超过父元素本身宽度的时候，又会塌陷；

（2）clear属性：给设置了float子元素的兄弟元素设置clear属性；

（3）overflow+zoom：给父元素设置overflow：hidden；zoom：1。   但会截断子元素的本身内容；

（4）给父元素添加相同的float属性： 但是父元素的兄弟元素会受到正常float影响，所以要给父元素的兄弟元素设置clear属性。