转载：关于圣杯布局一（一道比较有趣的前端面试题)
?
题目描述：
Left与Right是固定宽度，中间Main要求自适应，核心问题是Html文档流必须从Main开始然后才是两侧，下面就是这个要求的Html结构
侧栏与主要内容错开
?
下面是我的解决方案：
只有使Main不占用文档流空间才能让三列对齐而，让Main不占据文档流的方法有两种：
一、使用绝对定位。
绝对定位需要设置左右边距（实际应用中往往需要在外面套一个相对定位的盒子）。整个Demo如下（通过Firefox与IE5.5——8测试）：
?
?
二、Main左浮动。
如果Main浮动的话首先要解决宽度自适应的问题，设置宽度100%显示，然后就得把Left拉到Main左侧，这里巧妙使用两种偏移方法。个布局。第一种方法由于用了绝对定位，适合在特殊应用中使用，常规布局推荐使用第二种解决。转载地址：http://www.planeart.cn/?p=446
?
说明：本文原来的标题是：来自腾讯的前端工程师面试题，这里我把他改了，是因为我在搜索这个三栏布局实现的时候，发现这种布局有一个更好的名字来称呼“圣杯布局”。后面我会转载一篇文章来更详细的介绍一下“圣杯布局”，纯属标记一下。
