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/ 使用的高度应为 240 像素（高度为 2x100 像素 + 边距为 2x20 像素），但最后一个边距底部被忽略。 （顺便说一下，Margin-top 完全被忽略了）

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

Answer 1

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

见http://jsfiddle.net/T3b6r/7/

Answer 2

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