视觉格式化模型，大体上将页面中盒子的排列分为三种方式：
    1. 常规流
    2. 浮动
    3. 定位

    应用场景
    1. 文字环绕
    2. 横向排列

    1.浮动元素产生了浮动流
    所有产生了浮动流的元素，块级元素看不到他们
    产生了bfc的元素和文本类属性（inline）的元素以及文本都能看到浮动元素