jquery可调整大小：动态最小高度

如何获得基于内部容器的动态最小高度？我有：

<div id="outer-div" >
    <div id="inner-div"></div>
</div>

---

上面的minHeight不起作用，但希望你知道我想做什么；可调整大小的div的高度不应小于包含内容的内部div。

我从未对ui可调整大小进行过修改，但下面是我如何设置最小高度以使内容延伸到底部的方法

adjustedHeight = (the equation for min-height);
$(".stretchClass").css({'min-height':(adjustedHeight+'px')})

---

我想这就是你要寻找的：

$("#outer-div").resizable({
    containment: "#another-outer-div",
    minWidth: 200,
    start: function(event,ui) {
        $("#outer-div").css({
            minHeight: $('#inner-div').outerHeight()
        });
    }
});

---

我意识到这很旧，但在初始化过程中，您只能为minHeight和minWidth分配一个整数。您不能使用查询。正确的方法是修改启动处理程序中的minHeight或minWidth选项，如下所示：

$( "#outer-div" ).resizable({
    containment: "#another-outer-div",
    minWidth: 200,
    minHeight: $('#inner-div').height(),
    start: function(event,ui) {
        var myMinHeight = $('#inner-div').height();
        $( "#outer-div" ).resizable( "option", "minHeight", myMinHeight );
    },
    resize: function(event, ui) {
        ui.size.width += (ui.size.width - ui.originalSize.width);
        $(this).position({
            of: $("#another-outer-div"),
            my: "center center",
            at: "center center"
        })
    }
});

---

选项是否应为minHeight而不是minWidth.$外部分区可调整大小选项，最小高度，我的最小高度；是的。谢谢你，马克！

$( "#outer-div" ).resizable({
    containment: "#another-outer-div",
    minWidth: 200,
    minHeight: $('#inner-div').height(),
    start: function(event,ui) {
        var myMinHeight = $('#inner-div').height();
        $( "#outer-div" ).resizable( "option", "minHeight", myMinHeight );
    },
    resize: function(event, ui) {
        ui.size.width += (ui.size.width - ui.originalSize.width);
        $(this).position({
            of: $("#another-outer-div"),
            my: "center center",
            at: "center center"
        })
    }
});