具有动态内容的 jQuery 可调整大小的容器

Question

我正在创建一个模板编辑器，并创建了几个部分。我正在使用 jQuery 来调整这些部分的大小，如下所示：

$( ".header-area" ).resizable({
        handles: 's',
        maxHeight: 500
    });

现在发生的情况是，当我调整该部分的大小时，可以使该部分小于该部分中的内容。

是否可以调整部分的大小直到达到内容？ （内容是可拖动的，所以没有确切的部分高度）

Answer 1

通过将 .header-area 的 css 设置为 display:table; 可以解决您的问题。