我有一个<div>
CSS 类myclass
。CSS类如下:
.myclass {
position: absolute;
width: 192px;
font-size: 11px;
background-color: #FFF;
padding: 15px 15px 0;
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
display: block;
}
它没有指定高度。内容由 PHP 动态加载。在 jQuery 中$(document).ready(function() { });
,我通过以下方式调试 div 的高度:
console.log($('div.myclass').height()); // the result = 330
HTML:
<div class="myclass">
<img src="image.png" />
<p>Text here text here</p>
</div>
但是,如果我Inspect Element
在 Google Chrome 中使用该功能,它会显示531px。为什么有区别?我怎样才能获得531px
价值?
更新:$(this).outerHeight(); // 345px, as there is 15px margin