本文主要介绍三种方法简洁，并且没有兼容性问题方法。

1.绝对定位

2.浮动

3.margin负值

## 绝对定位

实现思路：左右两栏采用绝对定位，分别固定页面的两侧，中间的主体用左右margin值来撑开宽度。

代码实现：

利弊分析：

    --  首先这里的三个div的顺序是可以调整的。受内部元素影响而破坏布局的几率较小。

    --  当浏览器宽度小到一定程度，会发生重叠的情况。

## 浮动

实现思路：左栏左浮动，右栏右浮动，中间栏直接放在后面。

代码实现：

利弊分析：

    --  代码简洁，精练

    --  中间主体有点鸡肋，万一来个clear：both！

## margin负值

实现思路：主体采用双层标签。外层div宽度100%显示，并且浮动，内层为真正的内容，通过左右margin值来撑开宽度。左右两栏采用margin负值定位，左栏左浮动，margin-left：100%；因为前面一个div宽度为100%，所以这样设置margin值正好使得左栏div位于页面的左侧；那么右栏也采用左浮动，其margin-left：-200px；大小正好为自身的宽度。正好使得右栏div右侧边框位于页面右侧。

代码实现：

margin负值的css代码

margin负值的html代码

利弊分析：

    --  不受内部元素影响，三个部分互相影响，真正的自适应。

    --  代码复杂。