Question

我有一种情况需要DIV才能使padding-bottom等于另一个DIV的高度，是否有人可以帮我解决如何使用JQuery进行此操作？

（原因是 - 我正在使用Masonry JQuery插件，它有一个#container div，它调整宽度以匹配其中所有砌体'砖'的总宽度。我在#container DIV里面还有一个滑块，当调整浏览器窗口大小时，它会调整#container DIV的大小。问题是，砌体插件设置#container DIV的HEIGHT以匹配内部砌体'砖'的总高度，但不考虑滑块，因此#container div不够高，不能包含一切。 - 如果我将'padding-bottom'添加到容器DIV以匹配＃slider-wrap的高度，这是固定的，但是，当窗口调整得更小时，填充底部太多了。）

结构（基本）：

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

我希望我能够正确地解释这一点，以便有人理解和帮助。

提前致谢！

Answer 1

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

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

使用这样的HTML：

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

</div>

<div id="anotherdiv">

</div>

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

1 个答案: