jQuery использовал высоту элемента Div

Question

Я пытаюсь получить точную высоту элемента div. Должно быть .outerHeight (), но это не работает, если последний дочерний элемент div имеет нижнюю границу. Я сделал небольшой пример:

Html:

<div id="iWantThisHeight" class="box">
<div id="div1" style="">innerDiv1</div>
<div id="div2" style="">innerDiv2</div>
</div>

Css:

.box div{
    height:100px;
    margin-bottom:20px;
}

Пример кода: http://jsfiddle.net/T3b6r/4/ Используемая высота должна быть 240px (2x100px для высоты + 2x20px margin), но последнее поле margin-bottom игнорируется. (Кстати, верхняя граница полностью игнорируется)

Должен ли я что-то контролировать или мне нужно проверять каждый элемент на наличие полей, чтобы получить место, используемое div?

Answer 1

Если вы оберните контейнер контейнером в рамку, он возвращает нужную высоту.Просто используйте ту же цветную границу, что и фон, на котором он будет.

См. http://jsfiddle.net/T3b6r/7/

Answer 2

Вы используете .outerHeight(true)? Без логического значения true поля не будут включены.