当元素的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
适合内容宽度
适合内容高度
盒子的位置
左浮动的盒子向上向左排列
右浮动的盒子向上向右排列
注:浮动盒子的顶边不得高于上一个盒子的顶边;
若剩余的空间无法放下浮动的盒子,则该盒子向下移动;
直到具备足够的空间能容纳下盒子,然后再向左或向右移动