Почему 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.

Answer 2

У меня была такая же проблема, и я чувствую, что это ошибка в Firefox, а не в IE, поскольку ширина прокрутки элемента w3 равна (padding-right + padding-left + width content), включая переполнение. Следующая скрипта дает правильное значение в IE 8 и Chrome, но в Firefox это не

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