为什么Firefox在我的div上放置一个水平滚动条?

时间:2009-06-17 18:35:17

标签: html css linux firefox

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

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

当我渲染它时,我得到一个水平滚动条!

我一直在使用FF 3.0.3 for Linux,并认为它可能是一个浏览器错误,因此我升级到FF 3.5b4(最新版本候选版本)。仍然会发生。

这应该发生吗?我应该提交错误报告吗?有没有人知道一种解决方法(编辑:一个允许我继续使用overflow:auto)?

4 个答案:

答案 0 :(得分:6)

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

约什

答案 1 :(得分:5)

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

答案 2 :(得分:1)

我会提交错误报告。它不会在我的版本上呈现(对于Windows)。

答案 3 :(得分:0)

可能是您的div碰巧有width:100%并因此在添加边框时溢出了吗?