使用jQuery根据div内的内容调整min-height

Question

我是jquery的新手，我想知道如何为jquery添加一种方法，根据内部的内容调整div的最小高度。我总是希望min-height可能大约为700，但是当用户在某些页面上添加更多内容时，需要进行拉伸以适应该内容。

如何整合这个？请具体，就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();
    });
});

Answer 2

除非我误解你，否则你不需要在用户添加内容时调整最小高度;具有最小高度属性的元素将自动增长以适合它们包含的内容。所以你不必担心它。

例如：如果在样式表中应用css属性min-height: 700px，则在元素内容为500px的页面上，元素的高度为700px;在内容为900px的页面上，元素将为900px高。