获取div的真实高度（jquery）

Question

我想知道div的真实高度。

如果我要求$var.height()他只是告诉我修复CSS高度。

我怎样才能得到div的真正高度，而不是固定的CSS高度。

Answer 1

jquery有outerHeight()函数。

http://api.jquery.com/outerheight/

获取当前计算的外部高度（包括填充，边框和可选保证金）

Answer 2

你试过outerHeight（），可能这会帮助你，试试这个

$(document).ready(function() { 
 
    $("button").click(function() { 
 
    alert("Outer height of div: " + $("div").outerHeight()); 
 
    }); 
 
});

div { 
 
    height: 100px; 
 
    width: 300px; 
 
    padding: 10px; 
 
    margin: 3px; 
 
    border: 1px solid blue; 
 
    background-color: lightblue; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 

 
<div></div><br> 
 

 
<button>Display the outer height of div</button> 
 
<p>outerHeight() - returns the outer height of an element (includes padding and border).</p>