为什么在content-box下，设置负padding可以将滚动条挤出内容区域？

Question

之前了解的一个隐藏滚动条的方法，就是根据这个原理，设置相同大小的父子元素，然后子元素的padding设为-17左右（滚动条宽度），父元素只要设置overflow:hidden就可以隐藏子元素的滚动条了。但为什么会把滚动条挤出去呢？原理是什么？求各位高人解答。
http://codepen.io/almon123/pe...

Answer 1

关于滚动条到底占着哪儿的位置，有这样一篇博文滚动条是占据着content的位置，但是显示的时候好像是贴着border显示的，所以这里设置一个padding，滚动条就贴着边被挤出去了。