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

Question

我有一个名为.A的div，编码为height:auto ，它具有基于其中包含的文本呈现的高度。 我在页面上还有另一个div .B ，我需要根据第一个div .A的高度使用jQuery进行动画处理。

我尝试使用以下jQuery函数，但没有多大运气。 当时的想法是有jQuery的确定的高度.B然后应用填充，以.B ，但它不敛正确的高度。 我也尝试过使用'marginTop'

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

绝望求助！ 将以投票和慷慨的赞美来支付。

Answer 1

我认为您需要.outerHeight(true) ：

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

文档中.outerHeight()描述

获取匹配元素集合中第一个元素的当前计算高度，包括填充，边框和可选边距。 返回值的整数表示形式（无“ px”）；如果在一组空元素上调用，则返回null。

注意：

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