.parent{
position:relative
height:100%//高度根据需求自行设定
}
.child{
position:absolute
left:0
top:0
right:0
bottom:0 //left,top,right,bottom都为0，充满真个页面
overflow-y:auto
overflow-x:hidden//设置Y轴出现滚动条，X轴隐藏
}
html部分
<div class="parent">
<div class="child"></div>
</div>
---------------------
作者：Franklin_hemm_2012
来源：CSDN
原文：https://blog.csdn.net/franklin_hemm_2012/article/details/78640753
版权声明：本文为博主原创文章，转载请附上博文链接！
是你页面内容的宽度超过了浏览器显示的宽度最快的解决方法就是在body加style="overflow-x:hiddenoverflow-y:auto"
这样也只是治标不治本的方法，还是得具体查看哪里的宽度设定出错，毕竟还得在不改变页面布局和显示内容不出错的情况下使用裁剪比较好
