javascript - 强制两个 <div> 大小相同，但减去一个具有 X 像素的 div

Question

我带了两个<div>使用 Javascript 达到相同的高度:

var tallness = $("#first").height();
$("#second").height(tallness);

但是我如何管理 <div>与 id="second"比 id="first" 短 20px

提前致谢!

Answer 1

您只需要从 height 值中减去这个值。

$("#second").height(tallness-20);

var tallness = $("#first").height();
$("#second").height(tallness-20);
console.log("First div height: "+ $("#first").height());
console.log("Second div height: "+ $("#second").height());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="first">
  first<BR>
  first<BR>
  first
</div>
<div id="second">
  second
  second
  second
</div>