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

Question

我div的固定大小为100px.scrollWidth并且scrollHeight工作正常,如果在文本div是正常的(无字足够长,完全填补了一行).但是,如果有任何文字,其中一个单词渲染宽度大于100px,则会导致问题.

假设文本类似于"ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890":那么Firefox返回错误scrollWidth(在这种情况下为100,即使div溢出也与实际宽度相同).但是,IE正确scrollWidth(在这种情况下为180).

请帮助我scrollWidth在Firefox中正确使用.对不起,如果我的问题看起来很模糊

Answer 1

确保您设置div了样式overflow:hidden或overflow:auto样式.如果是overflow:visible(默认值),则FF不会计算得更大,scrollWidth因为没有任何内容可以滚动(文本全部呈现).

您在IE中观察到的行为实际上是由于该浏览器的实现中的错误overflow:visible.