圣杯布局要求：三列布局，中间宽度自适应，两边定宽。
布局要求
三列布局，中间宽度自适应，两边定宽。
中间栏要在浏览器中优先展示渲染。
允许任意列的高度最高。
用最简单的CSS,最少的HACK语句。
代码实现：
上图是未加定位和margin的时候
由于left,right,middle加了float，这里本来这三个块应该在一行中显示的，因为middle的宽度设置了100%，所以left和right被挤下去了，所以这里是关键是把margin-left设置负数，把元素移动到tong'yimiddle左右有空白，是因为设置了padding属性。
left块设置margin-left:-100%;left块向左移动父级宽度的100%，middle宽度也是100%，所以left移动到左上角与middle重叠，添加left:-200px;移动到浏览器窗口最左边。
同理right元素设置margin-left: -200px;right: -200px;移动最右边。
