1、两栏布局 左侧定宽 右侧自适应
左侧定宽
右侧自适应
.right_1{margin-left:200px;}
2、两栏布局 左侧自适应 右侧定宽
左侧自适应
右侧定宽
.right_2{float:right; width:200px;}
3、三栏布局 两侧定宽 中间自适应
左侧定宽
中间自适应
右侧定宽
.left_3{margin-right:-200px;}
.right_3{margin-left:-200px;}
.center_3{float:left; width:100%;}
4、三栏布局 左侧自适应 中间和右侧定宽
左侧自适应
中间定宽
右侧定宽
.left_4{float:left; width:100%; margin-right:-400px;}
5、三栏布局 左侧和中间定宽 右侧自适应
左侧定宽
中间定宽
右侧自适应
.right_5{margin-left:400px;}
以上写法可兼容5大浏览器,及IE6到IE8浏览器,具体代码参考附件