得到真正的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>