浮动

/*浮动 
        float： left right
        浮动的元素不占位置（脱标）
        浮动可以让块级元素在一行显示
        */
        
        /*浮动的作用*/

        /*浮动的清除方式
        1.使用clear：left|right|both
            在子元素的最下方添加div添加clear
        2.给父元素设置overflow：hidden
            但是会将超出父元素的部分进行隐藏
        3.使用伪元素清除浮动
            没有高度的类样式调用
            .clearfix:before,.clearfix:after {
                content: ""; 
                height: 0;
                line-height: 0;
                display:block;
                clear:both;
                visibility: hidden;
            }
            // 兼容IE浏览器
            .clearfix {
                zoom: 1; 
            }
        */

/*清除浮动的时机
            1.父容器没有高度，设置0也不可以
            2.父容器内所有子元素都设置了浮动

        */