float流體佈局

1 文字環繞，將標題放在中間：

左邊元素：float：left;

右邊元素：float：right;

text-align：center;

2.單側固定:

左側：width:

        float:

右側：padding-left/margin-left;

Dom與顯示位置匹配的單側固定佈局：

width:100%;float:  ;

padding-left/margin-left;

width+float+margin的值;

3.高級自適應尺寸：

float：

display:table-cell;

display:inline-block;