为什么 IE 和 Firefox 为 div 返回不同的溢出尺寸？答案

【问题标题】：Why are IE and Firefox returning different overflow dimensions for a div?为什么 IE 和 Firefox 为 div 返回不同的溢出尺寸？
【发布时间】：2010-11-22 20:42:31
【问题描述】：

我有一个固定大小为 100 像素的div。 scrollWidth 和 scrollHeight 如果 div 中的文本正常（没有单词长到足以完全填满一行），则可以正常工作。但是，如果有任何文字的一个字渲染宽度超过 100px，就会出现问题。

假设文本类似于“ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890”：那么 Firefox 返回错误的scrollWidth（在这种情况下为 100，即使 div 溢出，它也与实际宽度相同）。但是，IE 给出了正确的scrollWidth（在这种情况下为 180）。

请帮助我在 Firefox 中获得正确的 scrollWidth。抱歉，如果我的问题看起来含糊不清。

【问题讨论】：

标签： javascript css internet-explorer firefox dom

【解决方案1】：

我遇到了同样的问题，并且觉得这是 Firefox 而不是 IE 中的错误，因为元素的 w3 滚动宽度是（padding-right + padding-left + content width），包括溢出。以下小提琴在 IE 8 和 Chrome 中给出了正确的值，但在 Firefox 中却没有

http://jsfiddle.net/vdua/Fungh/16/

【讨论】：

【解决方案2】：

确保您的div 具有overflow:hidden 或overflow:auto 样式集。如果它是overflow:visible（默认值），那么 FF 不会计算更大的scrollWidth，因为 没有可滚动的内容（文本全部呈现）。

您在 IE 中观察到的行为实际上是由于 a bug in that browser's implementation 或 overflow:visible。

【讨论】：