功能    
        改变元素的默认排列方式

    float
        none
        left
        right

    特性
        脱离标准流的控制 移动到指定位置（脱标）
        浮动的盒子不再保留原来位置
        多个浮动的盒子按属性值一行内显示且顶端对齐排列
            右边不够则另起一行
        任何元素都可浮动 且浮动后具有行内块元素特性
    注意
        浮动元素搭配标准流父元素
            约束浮动元素位置

        一个元素浮动 兄弟元素也浮动
            浮动盒子只会影响盒子后面的标准流不会影响前面的

    清除浮动（闭合浮动）
        父盒子高度为0 时可让浮动子盒子撑开父盒子 但会影响
        下面的标准流盒子 而清除浮动之后父级就会根据浮动的
        子盒子自动检测高度 不再影响下方的标准流

        本质
            清除浮动元素脱离标准流造成的影响

        方法   
            额外标签法
                浮动元素末尾添加新的空标签
                    <div style = "clear: both"></div>

            父级添加overflow
                overflow
                    hidden
                    auto
                    scroll

            父级添加after伪元素

            父级添加双伪元素