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