1、子级div使用了浮动，父级div的高是不会被浮动元素撑起来的（称之为高度塌陷）

2、清除浮动用法：

     ①给父级加固定的高度（此方法扩展性不好，因为父级的高度一般有子级内容撑开。）

     ②给父级加浮动（父级的margin属性会失效）

     ③给父级元素变成：inline-bolk（父级的margin左右属性会失效）

     ④使用空div标签清除浮动<div style=" clear:both"></div>（这样会增加无意义的空标签）

     ⑤使用伪类清除浮动：   .box:after{content:"";display:block; clear:both}

                                           .box{zoom:1;}/*兼容IE*/                  （主流方法）