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

【问题标题】：jquery - padding to match height of another divjquery - 填充以匹配另一个 div 的高度
【发布时间】：2013-03-29 19:57:16
【问题描述】：

我有一种情况，我需要一个 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 -->

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

提前致谢！

【问题讨论】：

标签： javascript jquery height padding jquery-masonry

【解决方案1】：

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

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

使用 HTML 是这样的：

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

</div>

<div id="anotherdiv">

</div>

【讨论】：

非常感谢埃文！我可以问一下，我已经让这个与您的代码一起使用：但是，调整窗口大小时它不会改变，是因为我使用的是 '$ (document).ready(function() {'？PS - 我把它改成了 'padding-bottom'，我把'padding-top' 是偶然的。
@PeteKingston 是的，你需要使用$(window).resize(function() { /* code here */ });