三栏布局一般指的是页面中一共有三栏， 左右两栏宽度固定，中间自适应的布局 ，三栏布局的具体实现：
利用浮动和负边距来实现。父级元素设置左右的 padding，三列均设置向左浮动，中间一列放在最前面，宽度设置为父级元素的宽度，因此后面两列都被挤到了下一行，通过设置 margin 负值将其移动到上一行，再利用相对定位，定位到两边。
此处的注释为去掉换行符的影响.wrapper
{
width:
100%
/*
也可以固定宽度
*/
height:
200px
}
.wrapper
>
div
{
display:
inline-block
/*
如需支持ie8以下版本，用浮动来做
*/
width:
calc(100%
/
3)
/*
此处运用了一个css3的表达式，将div三等分，ie8及以上可以支持，当然也可以根据需要设置固定值
*/
width:
-webkit-calc(100%
/3)
width:
-moz-calc(100%
/
3)
height:
100%
}
以上经亲自测过，ie8+、chrome、firefox表现良好。
