flex

float浮动

脱离文档流，延迟父容器靠左或靠右进行排列。

    left、right、none

float注意点	
    只会影响后面的元素。
    内容默认提升半层。
    默认宽根据内容决定。
    换行排列。
    主要给块元素添加，但也可以给内联元素添加。

如何清除浮动？`.clear{content:"";display:block;clear:botj;}`
    上下排列：clear属性，表示清除浮动的，left、right、both
    嵌套排列：
        固定宽高   :  不推荐 , 不能把高度固定死，不适合做自适应的效果。
        父元素浮动 : 不推荐 , 因为父容器浮动也会影响到后面的元素。
        overflow : hidden (BFC规范) , 如果有子元素想溢出，那么会受到影响。
        display : inline-block (BFC规范)，不推荐，父容器会影响到后面的元素。
        设置空标签 : 不推荐 , 会多添加一个标签。
        after伪类 : 推荐，是空标签的加强版，目前各大公司的做法。
            ( clear属性只会操作块标签，对内联标签不起作用 )