javascript - 为什么 IE 和 Firefox 为 div 返回不同的溢出维度？

Question

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

假设文本类似于“ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890”:然后 Firefox 返回错误的 scrollWidth(在本例中为 100，即使 div 也与实际宽度相同溢出)。但是，IE 给出了正确的 scrollWidth(在本例中为 180)。

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

Answer 1

确保您的 div 具有 overflow:hidden 或 overflow:auto 样式集。如果它是 overflow:visible(默认值)，那么 FF 将不会计算更大的 scrollWidth，因为没有什么可以滚动(文本是​​全部渲染)。

您在 IE 中观察到的行为实际上是由于 a bug in that browser's implementation 溢出:可见。