一 绝对定位实现三列布局
说明：
整体宽度1000px 上下是自适应的顶部导航条和底部
中间部分分三块
左边块宽度200px 右边块宽度200px 中间使用margin挤出600px的空间给黄色区块
创建原始dom结构（dom结构就是html文档结构）：
绝对定位三列布局的基本思路:
1 先创建一个定位父级区块:relative
2 左右侧边栏,采用绝对定位
3 中间主体使用maring外边距进行挤压形成
*4 如果定位父级定宽,中间区域就是定宽,否则自适应
在进行前端代码编写时，绝对定位是最简单的，浮动是最复杂的，浮动是魔鬼，会飘来飘去，使用浮动时要特别小心
设置头部和底部样式
头部和底部内容区域样式
效果：
中间内容区样式设计
效果：
用绝对定位实现中间内容区域左右两侧布局
效果：
此时需要注意中间的div class="center"位置在下图所示圆圈处，需要通过挤压的形式让它跑到中间去
中间样式设置：
效果：
当左右外边距都是200px,上下边距是0时，可以这样简写
本文作者为BUG之神，转载请注明。