jquery - 获取div的真实高度(Jquery)

Question

我想知道一个div的真实高度。

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

如何获取 div 的实际高度而不是固定的 css 高度。

Answer 1

你试过 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>