页面布局

一列布局

设置margin：0 auto 实现居中（实际开发中width不需要固定宽度，由里面的子元素撑开，实现自适应）

两列布局

两列自适应布局：left.width+right.wigth = body.width（100%）,各自左右浮动
两列居中 body：margin：0 auto；width = leftw + rightw

三列布局

自适应三列布局：leftw + mainw + rightw =100%
特殊布局：
两边固定，中间自适应：
left：绝对定位 left：0；top：0；
right：绝对定位 right ：0；top：0；
main : margin：0 rightw 0 leftw

混合布局

parentW = childsW，不论怎么分，只要子元素的宽和等于父元素即可