视觉格式化模型————浮动和盒模型

当元素的float属性的取值为left或right时，元素属于浮动定位
 属性float
    不可继承
    默认值：none
    取值：none、left、right

盒模型中的auto（自动）值
    属性：
    margin-left:auto;
    margin-right:auto;
    margin-tpo:auto;
    margin-bottom:auto;
    width:auto;
    height：auto；

    浮动：
    0px
    0px
    0px
    0px
    适合内容宽度
    适合内容高度

盒子的位置
    左浮动的盒子向上向左排列
    右浮动的盒子向上向右排列
    注：浮动盒子的顶边不得高于上一个盒子的顶边；
    若剩余的空间无法放下浮动的盒子，则该盒子向下移动；
    直到具备足够的空间能容纳下盒子，然后再向左或向右移动