1、两栏布局 左侧定宽 右侧自适应
左侧定宽右侧自适应
.left_1{float:left; width:200px;}
.right_1{margin-left:200px;}2、两栏布局 左侧自适应 右侧定宽
左侧自适应右侧定宽
.left_2{float:left; width:100%; margin-right:-200px;}
.right_2{float:right; width:200px;}3、三栏布局 两侧定宽 中间自适应
左侧定宽中间自适应右侧定宽
.left_3, .right_3{position:relative; float:left; width:200px;}
.left_3{margin-right:-200px;}
.right_3{margin-left:-200px;}
.center_3{float:left; width:100%;}4、三栏布局 左侧自适应 中间和右侧定宽
立即学习“前端免费学习笔记（深入）”；
网站建设响应式网站模板5.6
下载
网站建设响应式网站模板源码是以cmseasy为核心进行开发的cmseasy模板，软件可免费使用，模板附带测试数据！网站建设响应式网站模板源码特点：整体采用浅色宽屏设计，简洁大气，电脑手机自适应布局，大方美观，功能齐全，值得推荐的一款模板，每个页面精心设计，美观大方，兼容各大浏览器；所有代码经过SEO优化，使网站更利于搜索引擎排名，是您做网站建设响应式网站模板的明确选择。无论是在电脑、平板、手机上都
左侧自适应中间定宽右侧定宽
.center_4, .right_4{position:relative; float:right; width:200px;}
.left_4{float:left; width:100%; margin-right:-400px;}5、三栏布局 左侧和中间定宽 右侧自适应
左侧定宽中间定宽右侧自适应
.left_5, .center_5{position:relative; float:left;width:200px;}
.right_5{margin-left:400px;}
以上写法可兼容5大浏览器，及IE6到IE8浏览器
