获取溢出边距内容的元素的高度

Question

情况如下：

<style>
  body { 
    margin: 0; 
  }
  p { 
    font-family: arial; 
    font-size: 13px; 
    margin: 13px 0;
  }
</style>

<div id="content">
  <p>The real me lives on the internet!</p>
</div>
<p><code>#content</code>'s height is: <span></span>px.</p>

<script src="jquery.min.js"></script>
<script>
  var $x = $('#content').outerHeight(true);
  $("span").text($x);
</script>

我正在尝试检索（未受限制的）DIV的总高度，该DIV内部包含边距内容。

jsfiddle

所以......是的......我怎样才能得到#content的总高度，包括里面任何东西的溢出边缘？ （通过示例，脚本应该返回42px而不是16px）

谢谢。

Answer 1

尝试为overflow: hidden添加<div>，以便height被＆＃34;计算＆＃34;内容＆＃39;裕度。

#content {overflow: hidden;}

您现在可以获得41px的正确值。

<强>段

＆＃13;

＆＃13;

var $x = $('#content').outerHeight(true);
$("span").text($x);

＆＃13;

body { margin: 0; }
#content {overflow: hidden;}
p { font-family: arial; font-size: 13px; margin: 13px 0; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="content">
  <p>The real me lives on the internet!</p>
</div>
<p><code>#content</code>'s height is: <span></span>px.</p>

＆＃13;

＆＃13;

＆＃13;