jquery - 使用 jQuery 根据 div 中的内容调整最小高度

Question

我是 jquery 的新手，我想知道如何为 jquery 添加一种方法，以根据其中的内容量调整 div 的最小高度。我总是希望最小高度大概在 700 左右，但随着用户在某些页面上添加更多内容，它需要拉伸(stretch)以适合该内容。

我如何整合它？请具体说明 css、html 等，因为我是 jquery 的新手。

Answer 1

太简单了:

HTML

<div class="foo" >
This is sample<br />
This is sample<br />
This is sample<br />
This is sample<br />
This is sample<br />
This is sample<br />
This is sample<br />
</div>​

JQuery

$(function() {
    $(".foo").css("min-height", function() {
        return $(this).height();
    });
});