高度塌陷.

当子元素有浮动，而父元素没有高度的情况下，会出现高度塌陷
                                             解决方法：
                                         1,给父元素加高    不灵活
                                         2，给父元素加overflow:hidden;    溢出会隐藏   BFC
                                         3，在需要清浮动的后面添加一个空标签，设置  会造成代码冗余
                                        <div style="clear:both; overflow:hidden; height:0;"></div>
                                         4，万能清除浮动法    推荐
                                         .clear::after{
                                         content:"";
                                         clear:both;
                                         display:block;
                                         overflow: hidden;
                                         visibility: hidden;
                }