只是测试工作正常。
Javascript:#parent{ width: 100%; height: 100%; overflow: hidden;}#child{ width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; box-sizing: content-box; }
由于滚动条的宽度在不同的浏览器中会有所不同,因此最好使用Javascript进行处理。如果这样做
Element.offsetWidth -Element.clientWidth,将显示确切的滚动条宽度。要么
使用
Position: absolute,
#parent{ width: 100%; height: 100%; overflow: hidden; position: relative;}#child{ position: absolute; top: 0; bottom: 0; left: 0; right: -17px; overflow-y: scroll;}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)