Jquery resizable auto resize children on parent resize

Question

我正在使用 jQuery UI 可调整大小的函数，因此我可以在页面构建器中调整元素的大小。

在调整列大小时如何自动调整列中元素的大小？

<div class="block-aq_column_block">
    <div id="element1"></div>
    <div id="element2"></div>
</div>

现在，当我重新调整 block-aq_column_block 的大小时，我希望其中的所有元素都随之调整大小。

我知道我应该使用alsoResize，但我只是不知道当有多个子元素时如何使用它。有什么建议吗？

Answer 1

将 css 添加到内部块：

#element1{width: 100%;}
#element2{width: 100%;}

内部块的高度可能更复杂。 如果他们有相同的高度 - 你可以设置

#element1{height: 50%;}
    #element2{height: 50%;}