使用float时造成里层的div无法撑开外层的div的解决办法

把正面的类应用到外层div 即可：

  .clearfix:after{
            content:".";
            display:block;
            height:0;
            clear:both;
            visibility:hidden;
        }