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-bottom。 （顺便说一下，Margin-top完全被忽略）

我是否监督某些事情或者我是否必须检查每个元素的边距，以获得div使用的空间？

Answer 1

如果将容器div包装在边框中，则会根据需要返回高度。只需使用与其背景相同的颜色边框。

请参阅http://jsfiddle.net/T3b6r/7/

Answer 2

您使用的是.outerHeight(true)吗？如果没有布尔值，则不包括边距。