使用 jquery 或 javascript 查找两个对象的高度差异并将高度分配给另一个对象。实际上对象(容器/部分)具有动态内容,因此这些对象在高度上是动态的。所以,我想找到两个对象的差异,然后将此差异分配给另一个对象。例如 Div3(高度大小)= Div1(高度大小)-Div2(高度大小)。
假设id
div 是div1
,div2
和div3
。然后使用JQuery.height()
函数。
$("#div3").height($("#div1").height() - $("#div2").height());
您可以使用.height()
或.innerHeight()
或.outerHeight()
。(三者的区别请看这里)
var diff = $("#div1").height() - $("#div2").height();
$("#div3").height(diff);
$("#div4").css("margin-top", diff);
#div1 {
height: 150px;
background-color: red;
}
#div2 {
height: 100px;
background-color: blue;
}
#div3 {
background-color: green;
}
#div4 {
height: 100px;
background-color: orange;
}
<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>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句