Css 为什么overflow-x:hidden会创建；边界；？

我有一个包装器元素，我希望它有一个固定的宽度，并使其不可滚动到两侧（它是用于移动的）
当我给包装溢出-x:hidden时，我在顶部和底部得到一个奇怪的“边框”。
您可以在这里看到：
为什么会这样？我如何才能删除它们

==更新了小提琴==
隐藏的溢出确实隐藏了比包装器更宽的元素，但创建了某种内部滚动元素，其框架显示在屏幕截图和持久滚动条中

---

如果您所说的是每个框之间的空格，则类“box”是内联块，因此标记中的换行符被解释为隐含空格。将所有内联块标记放在一行上，

…

之间的“空格”将折叠。

要添加到Jim H.的答案中，您也可以选择

显示：块；float:left

div，而不是

display:inline block

它们

我在Chrome、Firefox或IE中没有看到任何边框。@j08691删除CSS中的“overflow-x:hidden；”行。溢出时，顶部有1个黄色条，底部有类似的条。在JSFIDLE示例中，我仍然没有看到任何边框或类似边框的空格。你在哪个浏览器和操作系统中看到了这个？@j08691看看我添加的屏幕截图，你没有看到吗？我在chrome和iphone safari上看到了它