javascript - jquery - 填充以匹配另一个div的高度

Question

我遇到一种情况，我需要一个 DIV 的 padding-bottom 等于另一个 DIV 的高度，任何人都可以帮助我如何使用 JQuery 执行此操作吗？

(原因是 - 我正在使用 Masonry JQuery 插件，它有一个 #container div，可以调整宽度以匹配其中所有砖石“砖 block ”的总宽度。我还在 #container DIV 内有一个 slider ，当调整浏览器窗口大小时，它会随 #container DIV 一起调整大小。问题是，砌体插件将 #container DIV 的高度设置为与内部砌体“砖 block ”的总高度相匹配，但没有考虑 slider ，因此 #container div 的高度不足以包含一切。 - 如果我将“padding-bottom”添加到容器 DIV 以匹配 #slider-wrap 的高度，则此问题已修复，但是，当窗口大小调整得较小时，padding-bottom 太多。)

结构(基本):

<div id="container">
    <div id="slider-wrap"></div>
    <div id="masonry-wrap"></div>
</div><!-- END container -->

我希望我已经正确解释了这一点，以便有人理解和帮助。

提前致谢!

Answer 1

您可以使用 jQuery 通过 css 设置 padding-top 属性:jQuery:

$("#div1").css({"padding-top": $("#anotherdiv").height() });

使用 HTML 类似这样:

<div id="div1" height="400px;">

</div>

<div id="anotherdiv">

</div>