Как получить полную высоту блока, у которого padding указан в процентах?

Question

[Максим Морозов]

Есть элемент, нужно получить его полную высоту c учетом padding и border. Padding указан в процентах.

jQuery outerHeight возвращает высоту просто прибавив проценты к пикселям, что не есть правда.

Answer 1

[Денис Инешин]

Вполне себе правильно считает, вот пример:
https://jsfiddle.net/IonDen/k1sg1gmd/

Comments

[Максим Морозов]

Возможно дело в версии jquery - 1.8.3

[Денис Инешин]

Максим Морозов: вот https://jsfiddle.net/IonDen/k1sg1gmd/1/ - в 1.8.3 тоже норм посчитал, только округлил еще.

[Максим Морозов]

Денис Инешин: ерунда какая-то, на локалке баг есть, в codepen нет =(

Answer 2

[GreatRash]

Всё правильно возвращает jQuery. Пример:

1) читаем доки: padding - значения в процентах берутся от размеров родительского блока.
2) допустим размеры родителя - 110х110 px
3) размеры чилда - 60х60
4) padding у чилда - 10%
5) считаем получившиеся размеры чилда - (110 * 0.1) * 2 + 60 = 82х82
6) проверяем, что показывает жиквери.

Comments

[Максим Морозов]

Возможно дело в версии jquery - 1.8.3