三栏布局一般指的是页面中一共有三栏， 左右两栏宽度固定，中间自适应的布局 ，三栏布局的具体实现：
利用浮动和负边距来实现。父级元素设置左右的 padding，三列均设置向左浮动，中间一列放在最前面，宽度设置为父级元素的宽度，因此后面两列都被挤到了下一行，通过设置 margin 负值将其移动到上一行，再利用相对定位，定位到两边。
box属性是一行分多列，而你的需求相当于三行，因此，使用box不适合。
建议：
使用3个长度100%的主div进行布局；
使用CSS定位控制(position属性)固定上下两个div 。
至于居中（因为是100%的长度，居中没有意义，如果主div的宽度小于100%则需要类似下面的css进行控制）：
.box{width:960px
margin:0 auto
}
