如何在页面的中间部分垂直和水平滑动，CSS，HTML 我有一个Switter滑块，我想在页面中间不使用绝对定位。

我试过这个：

var swiper=new swiper（'.swiper container.about'{
效果：“coverflow”，
首张幻灯片：1，
格雷博：是的，
中心幻灯片：对，
SlideService视图：“自动”，
覆盖流效应：{
旋转：0，
拉伸：0，
深度：800，
修饰语：1，
幻灯片：没错，
},
分页：{
el:“.swiper分页”，
}
});
.swiper-slide.about{
背景位置：中心；
背景尺寸：封面；
宽度：300px；
高度：400px！重要；
背景色：rgb（216155,0）；
边界半径：6px；
}
.swiper-container.about.swiper包装器{
高度：自动！重要；
}
.swiper-container.about{
位置：相对位置；
最高：50%；
左：50%；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
}
.swiper slide.imgBx{
宽度：100%；
高度：300px；
溢出：隐藏；
}
.swiper slide.imgBx img{
宽度：100%；
}
.title-center.about{
宽度：220px；
保证金：0自动；
填充顶部：20px；
}

关于
设置容器的视图高度：


var swiper=new swiper（'.swiper container.about'{
效果：“coverflow”，
首张幻灯片：1，
格雷博：是的，
中心幻灯片：对，
SlideService视图：“自动”，
覆盖流效应：{
旋转：0，
拉伸：0，
深度：800，
修饰语：1，
幻灯片：没错，
},
分页：{
el:“.swiper分页”，
}
});
.swiper-slide.about{
背景位置：中心；
背景尺寸：封面；
宽度：300px；
高度：400px！重要；
背景色：rgb（216155,0）；
边界半径：6px；
}
.swiper-container.about.swiper包装器{
高度：自动！重要；
}
.swiper-container.about{
位置：相对位置；
最高：50%；
左：50%；
-webkit转换：翻译（-50%，-50%）；
-ms转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
}
.swiper slide.imgBx{
宽度：100%；
高度：300px；
溢出：隐藏；
}
.swiper slide.imgBx img{
宽度：100%；
}
.title-center.about{
宽度：220px；
保证金：0自动；
填充顶部：20px；
}

关于
感谢您的时间和努力！现在可以了！