前端基础---高度塌陷最终方案

            /* 
             通过after伪类想元素最后添加一个空白的块元素,然后对齐清除浮动
                这样做和添加一个div的原理一样,可以达到相同的效果
                而且不会在页面中添加多余的div,这是我们最推荐的使用方式,几乎没有副作用
             */
            .clearfix::after{
                content: "";
                display: block;
                clear: both;
            }
            
            /* 
                兼容IE
                IE6中不支持after伪类
             */
            
            .clearfix{
                zoom: 1;
            }

        <div class="box6 clearfix">
            <div class="box7">
                
            </div>
        </div>