Question

找到两个高度不同的对象，并使用jquery或javascript为另一个对象指定高度。实际上，对象（容器/部分）具有动态内容，因此这些对象的高度是动态的。所以，我想找到两个对象的差异，然后将这个差异分配给另一个对象。例如 Div3（高度尺寸）= Div1（高度尺寸）-Div2（高度尺寸）。

Answer 1

假设div的id为div1，div2和div3。然后使用JQuery .height()函数。

$("#div3").height($("#div1").height() - $("#div2").height());

您可以使用.height()或.innerHeight()或.outerHeight()。（请参阅此处查看difference between the three）

＆＃13;

var diff = $("#div1").height() - $("#div2").height();
$("#div3").height(diff);
$("#div4").css("margin-top", diff);

＆＃13;

#div1 {
  height: 150px;
  background-color: red;
}

#div2 {
  height: 100px;
  background-color: blue;
}

#div3 {
  background-color: green;
}

#div4 {
  height: 100px;
  background-color: orange;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>

＆＃13;

找到两个高度不同的对象，并为另一个对象指定高度

1 个答案: