Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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 如何在jQuery中计算div的高度?_Javascript_Jquery - Fatal编程技术网

Javascript 如何在jQuery中计算div的高度?

Javascript 如何在jQuery中计算div的高度?,javascript,jquery,Javascript,Jquery,我的处境是,我必须根据div中的内容量来设置div的高度,我不能在其中给出min height。我知道我们可以通过以下公式计算潜水舱的高度: $("#divid").height(); $(“#divid”).height(); 那么,有没有什么方法可以计算一个div的高度,而不需要在其中包含height参数,并根据其中的内容量给出该div的高度 我希望我能解释清楚 谢谢你的措辞有点让人困惑,但我想你是在问,即使div应用了不同的高度,如何计算div中内容的大小。为此,您可以使用元素的 如果您只

我的处境是,我必须根据div中的内容量来设置div的高度,我不能在其中给出
min height
。我知道我们可以通过以下公式计算潜水舱的高度:

$("#divid").height(); $(“#divid”).height(); 那么,有没有什么方法可以计算一个div的高度,而不需要在其中包含height参数,并根据其中的内容量给出该div的高度

我希望我能解释清楚


谢谢

你的措辞有点让人困惑,但我想你是在问,即使div应用了不同的高度,如何计算div中内容的大小。为此,您可以使用元素的


如果您只想知道如何计算元素的高度,即使它没有高度属性/样式,您可以使用您在问题中所写的内容
.height()
直接从浏览器呈现的值计算元素的高度,而不是具体从属性计算。

正如您所说,使用
.height()
,不需要为要使用的元素定义实际高度。下面是一个JSFIDLE,显示了它的作用:

,即使在元素上没有高度设置(通过CSS或其他方式)。

有两种方法:

$("#parent").height($("#child").outerHeight(true));
//-----------------------------^^^^^^^^^^^--^^^^-----outerHeight(true) will give
//---------------------------------------------------you the total height 
//---------------------------------------------------including top bottom margins
更多信息。户外灯光:

如果您的html是:

<div style="height:450px;"></div>

你说“没有高度参数”是什么意思?我的意思是。如果我没有这个高度参数,那么我如何计算这个div的高度呢?@RavinderSingh应该只使用
.height()
。如果不使用该属性,它的计算结果很好。此外,div会自动垂直调整其内容,那么您在做什么来打破这种行为呢?这与此无关,但可能会对您有所帮助:)
<div style="height:450px;"></div>
$("#parent").css('height'); // this will give you the 450px