Javascript 如何使用jQuery将div设置为另一个div的高度

我有一个名为

.a

的div，编码为

height:auto

，它的高度是根据其中包含的文本呈现的。我在页面上还有另一个div，名为

.B

，我需要根据第一个div的高度

.A

使用jQuery设置动画

我尝试使用以下jQuery函数，但运气不好。我们的想法是让jQuery确定

.B

的高度，然后对

.B

应用填充，但是它没有获取正确的高度。我也尝试过使用

'marginTop'

jQuery('div.A').animate({'paddingTop': jQuery('div.B').height()},500); 

---

绝望地寻求帮助！我会用最多的选票和慷慨的赞美来支付。

我想你需要

。outerHeight（true）

：

来自文档的文档的描述 获取匹配元素集中第一个元素的当前计算高度，包括填充、边框和可选边距。返回值的整数（不带“px”）表示形式，如果对空元素集调用，则返回null

注意：

顶部和底部填充和边框始终包含在.outerHeight（）计算中；如果includeMargin参数设置为true，则还包括边距（顶部和底部）

---

请发布您的代码，即div A和By。我们的代码似乎按原样工作：（注意，我确实将填充改为边距，以便更明显地显示动画距离是正确的。）您还可以尝试检查值是什么顺便说一句：在某些浏览器中，获取隐藏元素的尺寸可能很棘手。@joonaspot ON。SO用户的知识深度总是让我吃惊。导致此问题的原因是分区A设置为显示：无；，通过将此更改为使用可见性，jQuery能够捕获正确的高度。非常感谢。实际上是jQuery无法捕获div.A的高度的问题，它被设置为display:none；。我将div样式更改为visibility:hidden；以及在函数中使用jQuery调整可见性。现在，paddingTop的高度渲染正确。很抱歉，原始帖子中缺少信息，但感谢您的帮助！

jQuery('div.A').animate({ paddingTop : jQuery('div.B').outerHeight(true)},500);