<div style="height:500px; ">
<div style="height:1000px,width:500px;margin:0 auto">
</div>
</div>
如果给父级加overflow-y:scroll;此时页面会出现滚动条，从而使子元素的可用空间变小，水平位置会发生偏移，影响居中效果。
解决方法
给父元素加padding-left:calc(100vw - 100%)即可（取浏览器宽度减去元素可用宽度就可以得到滚动条宽度，在给左侧同样的padding值就可以了）
解决采用margin:0 auto;居中时出现滚动条影响居中效果的问题
原文：https://www.cnblogs.com/qianphong/p/10389152.html