2009-06-17 39 views
1

我有一个非常简单的测试案例:为什么Firefox在我的div上放置一个水平滚动条?

<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)?

+0

这很奇怪我没有在Windows Vista或FF3.0中获得水平滚动条。 – 2009-06-17 18:39:13

回答

5

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

5

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

Josh

+1

Chris Coyier在前段时间有一篇关于css overflow属性的精彩文章:http://css-tricks.com/the-css-overflow-property/。 – patricksweeney 2009-06-17 18:40:02

+0

我知道溢出正在帮助导致问题,但是我需要*溢出:auto。水平滚动条应该是不可避免的副作用吗? – mike 2009-06-17 18:54:37

1

我会提交一个错误报告。它不会在我的版本(对于Windows)中呈现这种方式。

0

难道你的div碰巧有width:100%,因此当你添加边界时溢出?

相关问题