Высота контейнера jQuery () не рассчитана должным образом

Question

$('.container').height(); дает неправильное значение, если у его дочерних элементов есть CSS-атрибуты:

<div class="container">
  <div style="padding: 10px;">
      weiorng3poin4gr9p34ng9p34n5g934ng5o43ng534g
      <div style="margin: 20px; ">
         eiong349ng49ng934ng59p34n5g439g5
      </div>
  </div>

</div>

Как я могу получить правильную высоту .container?

Answer 1

Имеет ли контейнер <div> какие-либо отступы / поля / границы? Если это так, вы можете попробовать это:

$(".container").outerHeight(true);//will consider margin and border width as well.