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;

float流体布局

原文：http://www.cnblogs.com/JQ330-54864/p/5673184.html