只是测试工作正常。
#parent{ width: 100%; height: 100%; overflow: hidden;}#child{ width: 100%; height: 100%; overflow-y: scroll; padding-right: 17px; box-sizing: content-box; }Javascript:
由于滚动条的宽度在不同的浏览器中会有所不同,因此最好使用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;}


