Вопрос с определением высоты блока?

Question

[PAJCH]

Привет всем. У меня возникла проблема, буду рад помощи.
Дело в том что у меня есть блок а в нем контент высота контента 400px.
Но когда я вывожу высоту через jquery или через нативный javascript высота меняется то 370, то 380 и т.д
Я посмотрел загружается ли у меня весь контент сразу, для этого, я вместе с высотой определяю кол-во символов контента т.е $content.html().length , символы всегда показываются одинаково 3800, в чем проблема, почему у меня некорректно показывается высота?

Comments

[Hello1]

Без работающего примера никто не скажет

Answer 1

[Andrzej Wielski]

jsbin.com/zuxekahaqi/1/edit?html,css,js,output

height возвращает высоту блока без поправок на padding.
outerHeight возвращает высоту учитывая padding, и всевозможные другие варианты, которые могут влиять на элемент.

Comments

[PAJCH]

А почему тогда у меня цифра колеблится, а не стоит на месте?

[PAJCH]

И высота колеблется, когда у меня высота не фиксированная как в вашем примере, а когда высота зависит от контента, например когда в нем текст

[PAJCH]

И с outerHeight тоже самое

[PAJCH]

Я узнал почему не работает, но не знаю почему так работает: когда я убираю padding то цифра не колеблется, а когда у элемента есть padding цифра начинает колеблется

[Andrzej Wielski]

PAJCH: Если высота не указана точно, то возвращается высота в зависимости от контента.
Обязательно используйте эти функции после того, как документ будет сформирован (document ready).
Так же убедитесь, что на блок не действуют другие скрипты. Возможно, его контент изменяется, расчет высоты выполняется раньше либо позже, и всегда выдается разный результат.
И вообще, я не ванга, скиньте пример бага.

[PAJCH]

Andrzej Wielski: Проблема была в верстке

[Andrzej Wielski]

PAJCH: Ну, если проблема решена - можете смело отметить вопрос как решение. Многим кто будет гуглить может понадобится.