为什么 Firefox 会在我的 div 上放置一个水平滚动条？答案

【问题标题】：Why does Firefox put a horizontal scrollbar on my div?为什么 Firefox 会在我的 div 上放置一个水平滚动条？
【发布时间】：2017-01-19 16:04:01
【问题描述】：

我有一个非常简单的测试用例：

<html>
  <body>
    <div style="border:2px solid black; overflow: auto;">
      x
    </div>
  </body>
</html>

当我渲染它时，我得到一个水平滚动条！

我一直在为 Linux 使用 FF 3.0.3，并认为这可能是一个浏览器错误，所以我升级到 FF 3.5b4（最新的候选版本）。仍然会发生。

这应该发生吗？我应该提交错误报告吗？有谁知道解决方法（编辑：允许我继续使用溢出：自动）？

【问题讨论】：

【解决方案1】：

overflow:auto 不应该有滚动条，除非内容实际上超出了包含元素的边缘。这是 Firefox 的 Linux 版本中的一个错误。请参阅以下bug report。

【讨论】：

【解决方案2】：

这是你的溢出风格。更改为溢出隐藏以删除滚动条。

乔什

【讨论】：

【解决方案3】：

我会提交错误报告。它不会在我的版本上呈现这种方式（适用于 Windows）。

【讨论】：

【解决方案4】：

会不会是您的div 恰好有width:100% 并因此在添加边框时溢出？

【讨论】：