实际项目开发过程中我们经常会遇到页面div左右布局的需求：左侧 div 固定宽度，右侧 div 自适应宽度，填充满剩余页面，下面整理几种常用的方案
1 左侧 div 设置 float 属性为 left，右侧 div 设置 margin-left 属性等于或大于左侧 div 宽度
左右布局 1 左侧 DIV 设置 float 属性为 left，右侧 DIV 设置 margin-left 属性等于或大于左侧 DIV 宽度
leftright
实际效果：
2 左侧 div 设置 float 属性为 left，负边距 100%，右侧 div中嵌套一个 div，页面内容放入嵌套的 div 中，右侧内嵌 div 设置 margin-left 属性等于或大于左侧 div 宽度
左右布局 2左侧 DIV 设置 float 属性为 left，负边距 100%，右侧 DIV 中嵌套一个 DIV，页面内容放入嵌套的 DIV 中，右侧内嵌 DIV 设置 margin-left 属性等于或大于左侧 DIV 宽度
leftright
实际效果：
3 如果将需求修改为右侧固定宽度而左侧自适应宽度
左右布局 3 如果将需求修改为右侧固定宽度而左侧自适应宽度
leftright
实际效果：
4 左边左浮动，右边overflow：hidden 不过这种方法IE6下不兼容
左边左浮动，右边overflow：hidden 不过这种方法IE6下不兼容 左边左浮动，右边overflow：hidden 不过这种方法IE6下不兼容
left
right
实际效果：
5 左边使用绝对定位，右边使用margin-left
左边使用绝对定位，右边使用margin-left 左边使用绝对定位，右边使用margin-left-最外层需要设置相对定位
left
right
实际效果：
6 左边绝对定位，右边也绝对定位
左边绝对定位，右边也绝对定位 左边绝对定位，右边也绝对定位
left
right
实际效果：
