导致外部滚动条的空间来自哪里？答案

【问题标题】：Where is the space causing the outer scroll bar coming from?导致外部滚动条的空间来自哪里？
【发布时间】：2014-02-12 03:14:13
【问题描述】：

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

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

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

编辑

这是一个更好的例子，如果另一个太模糊，我真的有什么：http://jsfiddle.net/LgX7u/11/（使用网络检查器查看右侧边缘的另一个.a）。

【问题讨论】：

【解决方案1】：

删除这个类：

div {
    height:100%;
}

【讨论】：

不幸的是我不能这样做，因为它反映了我在真实情况下必须做的事情。我写的所有 CSS 都是为了反映我的实际代码，我没有添加任何只是为了好玩。此外，无论如何，这并不能解决问题，如果您一直向下滚动，最后仍有空间。
@uk4321 溢出：隐藏；一个选项还是会影响布局？
是的，由于某种原因，当我在我的真实代码中将overflow:hidden 添加到#a 时，它实际上并没有隐藏任何内容，它从#b 中删除了滚动条并添加了它到html 元素，这显然把一切都搞砸了。我希望我知道它为什么这样做，但我不是 CSS 专家。如果您知道它为什么这样做并且知道如何解决它，那么这也将回答我的问题。
@uk4321 您能否将您的 HMTL 和 CSS 的更大部分放入另一个 Fiddle 中，以便我们更好地了解您的问题？
这是一个更好的近似值：jsfiddle.net/LgX7u/11 如果您使用网络检查器，您可以在屏幕右侧看到第二个.b，这就是我需要它的方式（我将使用 JS 滚动）。很抱歉 wrapper1 wrapper2 wrapper3，在我的真实代码中没有这样命名，它们还包含其他内容，而不仅仅是一个元素。我用display: table 经历了所有这些扭曲，因为我试图让全屏 div 水平堆叠，如果我使用 float 无论如何它们都不会水平堆叠（我花了很长时间尝试）。这就是我所拥有的，希望对您有所帮助。