求助，神奇的 css，为何 overflow 了也没有左右滚动条？

设置父 div 的 overflow 为 scroll，如果它的子 div 的 left 设置为 100(从右侧 overflow)，那么父 div 就有左右滚动条；如果 left 设置为-100(从左侧 overflow)就没有滚动条了。

这是为什么呢？难道从左侧 overflow 和从右侧 overflow 还有区别吗？(测试了 chrome 和 firefox 都是这样的)

没有左右滚动条：

<div style="position:relative; left:400px;overflow:scroll;width:200px;height:200px;background:red"> <div style="position:relative; left:-100px;top:100px;width:200px;height:200px;background:blue"> </div> </div> 

有左右滚动条(与上面的唯一的区别是 left 由-100px 改为了 100px)：

<div style="position:relative; left:400px;overflow:scroll;width:200px;height:200px;background:red"> <div style="position:relative; left:100px;top:100px;width:200px;height:200px;background:blue"> </div> </div>