解决采用margin:0 auto;居中时出现滚动条影响居中效果的问题

<div style="height:500px; ">

　　<div style="height:1000px,width:500px;margin:0 auto">

　　</div>

</div>

如果给父级加overflow-y:scroll;此时页面会出现滚动条，从而使子元素的可用空间变小，水平位置会发生偏移，影响居中效果。

解决方法

给父元素加padding-left:calc(100vw - 100%)即可（取浏览器宽度减去元素可用宽度就可以得到滚动条宽度，在给左侧同样的padding值就可以了）