Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/amazon-web-services/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 查找两个对象在高度上的差异,并将高度指定给另一个对象_Javascript_Jquery_Css - Fatal编程技术网

Javascript 查找两个对象在高度上的差异,并将高度指定给另一个对象

Javascript 查找两个对象在高度上的差异,并将高度指定给另一个对象,javascript,jquery,css,Javascript,Jquery,Css,查找两个对象在高度上的差异,并使用jquery或javascript将高度指定给另一个对象。实际上,对象(容器/节)具有动态内容,因此这些对象在高度上是动态的。所以,我想找出两个物体的差异,然后把这个差异分配给另一个物体。 例如 Div3(高度大小)=Div1(高度大小)-Div2(高度大小)。假设div的id为Div1,Div2和Div3。 然后使用JQuery.height()函数 $("#div3").height($("#div1").height() - $("#div2").heig

查找两个对象在高度上的差异,并使用jquery或javascript将高度指定给另一个对象。实际上,对象(容器/节)具有动态内容,因此这些对象在高度上是动态的。所以,我想找出两个物体的差异,然后把这个差异分配给另一个物体。 例如
Div3(高度大小)=Div1(高度大小)-Div2(高度大小)。

假设div的
id
Div1
Div2
Div3
。 然后使用JQuery
.height()
函数

$("#div3").height($("#div1").height() - $("#div2").height());
您可以使用
.height()
.innerHeight()
.outerHeight()
。(有关详细信息,请参见此处)

var diff=$(“#div1”).height()-$(“#div2”).height();
$(“#div3”).高度(差异);
$(“#div4”).css(“差额顶部”,差异)
#第1部分{
高度:150像素;
背景色:红色;
}
#第二组{
高度:100px;
背景颜色:蓝色;
}
#第三组{
背景颜色:绿色;
}
#第四组{
高度:100px;
背景颜色:橙色;
}


:“要求家庭作业帮助的问题必须包括你迄今为止为解决问题所做的工作的摘要,以及对你解决问题的困难的描述。”这可能会产生一个没有多大意义的负差异/高度。是的,这很好,Rithwik我们可以用这个差异作为第4部分的页边空白吗?@BilluG是的。您可以将其用于任何属性。使用:
$(“#div4”).css(“页边距顶部”,差异)。我也更新了这个片段。