布局之右侧自适应&&中间自适应

许久没有切图布局了，面试时一紧张就更忘记了喵....

 

一、左侧宽度固定 右侧宽度自适应

.left{float:left; width:200px; height:500px;}
.right{margin-left:200px; height:500px;}

　　左侧也可绝对定位。

二、左右侧宽度固定 中间宽度自适应

.left{position:absolute;left:0;top:0; width:200px; height:500px;}
.right{position:absolute;right:0;top:0; width:200px; height:500px;}
.center{height:500px; margin:0 200px;}

　　左右侧也可浮动。