我写了这段代码。
当我添加滚动条时，我得到了403作为clientwidth，这似乎是真的：403px用于内部内容+17px用于滚动条。然后我得到403作为offsetwidth，但offsetwidth必须包括滚动条宽度。因此我应该得到403+17，而不是403。
为什么我得到403作为（*）的结果？

let html = document.documentElement
console.log(window.innerWidth) // 420 on my test
console.log(html.clientWidth) // 420
console.log(html.offsetWidth) // 420

html.style.overflowY = 'scroll' // add scroll-bar
console.log('Window: ' + window.innerWidth) // Window: 420
console.log('clientWidth: ' + html.clientWidth) // clientWidth: 403
console.log('offsetWidth: ' + html.offsetWidth) // offsetWidth: 403 (*)