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;