Jquery可调整大小的自动调整父级调整大小的子项

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%;}