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

Question

我有一种情况，我需要一个 DIV 的 padding-bottom 等于另一个 DIV 的高度，任何人都可以帮助我如何使用 JQuery 做到这一点？

（原因是 - 我正在使用 Masonry JQuery 插件，它有一个 #container div，它调整宽度以匹配其中所有砖石“砖块”的总宽度。我在那个 #container DIV 里面还有一个滑块调整浏览器窗口大小时使用#container DIV 调整大小。问题是，砌体插件设置#container DIV 的高度以匹配内部砌体“砖”的总高度，但没有考虑到滑块，因此#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

您可以通过使用设置padding-top属性：jQuery：cssjQuery

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

使用 HTML 是这样的：

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

</div>

<div id="anotherdiv">

</div>