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

Question

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

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

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

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

Answer 1

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