目的是为了开启GPU硬件加速，提高性能和流畅的动画效果 也能解决你这个问题
你说你用transform的话 如果用到translate；把translate换成translate3d，在原来的参数后面加个Z方向的平移 0即可；
box属性是一行分多列，而你的需求相当于三行，因此，使用box不适合。
建议：
使用3个长度100%的主div进行布局；
使用CSS定位控制(position属性)固定上下两个div 。
至于居中（因为是100%的长度，居中没有意义，如果主div的宽度小于100%则需要类似下面的css进行控制）：
.box{width:960px
margin:0 auto
}
