html - 导致外部滚动条的空间来自哪里？

Question

在这个 JSFiddle 中:http://jsfiddle.net/LgX7u/1/你可以看到有两个滚动条。我认为应该只有一个，属于 #b 一部分的内部滚动条，我正在尝试弄清楚如何让它看起来像那样(不只是使外部滚动条不可见或东西)。

导致外部滚动条的额外空间是由某种空白引起的。如果你设置font-size: 0，那么它就会消失并正常工作，并且只有一个滚动条。我不想依赖这种行为，但我想知道空白是从哪里来的。我看不到位置，因为 div 之间没有空格。

我也不想使用float，因为它不适用于我的实际情况。

编辑

如果另一个太模糊的话，这里有一个更好的例子来说明我真正拥有的东西:http://jsfiddle.net/LgX7u/11/ (使用网络检查器查看右侧边缘的另一个 .a)。

Answer 1

删除这个类:

div {
    height:100%;
}

更新的JSFiddle