Почему offsetHeight и offsetWidth периодически неточны? - PullRequest
2 голосов
/ 25 февраля 2011

Я заметил, что, по крайней мере в Firefox (пока еще не тестировался в других браузерах), свойства offsetHeight и offsetWidth на <div> могут быть отключены на один пиксель. (И да, я уже учитываю границы, отступы и поля.) Посмотрите на этот скриншот, чтобы понять, что я имею в виду:

Here the total height with borders is 46px, but as Firebug shows the offsetHeight is only 45px

Таким образом, здесь общая фактическая высота с границами составляет 46px, но, как показывает Firebug, offsetHeight составляет 47px (и без границ как 45px). Почему расхождение? Это глюк браузера? Я должен упомянуть, что на <div>, о котором идет речь, установлено float: left, а также внутри него есть некоторое содержимое, аналогичное float ed : left.

1 Ответ

3 голосов
/ 25 февраля 2011

Посмотрите на свои границы (и свою математику) снова. У вас есть 1-пиксельная рамка со всех сторон div, что означает пиксель как в верхней , так и в нижней части div.

1 + 1 = 2
45 + 2 = 47

...