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

Question

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

我尝试使用以下 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，则还包括边距（顶部和底部）。