爲什麼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/