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

Question

我有一个固定大小为100px的div。 scrollWidth和scrollHeight正常工作，如果div中的文本是正常的（没有单词足够长以完全填充一行）。但是，如果有任何文字的单词渲染宽度超过100像素，则会导致问题。假设文本类似“ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890”：则Firefox返回错误的scrollWidth（在这种情况下为100，即使div溢出，也与实际宽度相同）。但是，IE正在给出正确的scrollWidth（在这种情况下为180）。

请帮我在Firefox中正确scrollWidth。对不起，如果我的问题看起来模糊。

Answer 1

确保您的div已设置overflow:hidden或overflow:auto样式集。如果是overflow:visible（默认值），则FF将不计算更大的scrollWidth为没有什么滚动（文本是所有渲染）。

你使用IE观察到的行为实际上是overflow:visible由于a bug in that browser's implementation。

Answer 2

我有同样的问题，并认为这是在Firefox的错误不IE，作为每一个元素是（填充右+填充左+含量宽度），其包括溢流的W3 scrollwidth。下面的小提琴在IE 8和Chrome中给出了正确的值，但是在Firefox中它不是

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