设置对话框的最大高度，然后允许滚动

我似乎无法理解如何正确设置 jquery ui 对话框的高度。

我希望它显示存在的内容的高度，但如果它超过 400 像素，那么我需要一个滚动条。

因此，如果内容的高度为 200 像素，则对话框的高度应为 200 像素。

如果内容的高度大于 400 像素，则对话框不应扩展超过 400 像素，并且滚动条应可见。

到目前为止我有这个：

$("#popup").dialog({
            modal: true,
            autoOpen: false

});

$("#popup").dialog({
            modal: true,
            autoOpen: false
});

css

#popup {
 border: 1px solid #ccc;
 border-radius: 4px;
 padding: 10px;
 overflow: auto;
 max-height: 300px;   
}​

工作小提琴 http://jsfiddle.net/JNKPB/1/

Edit更新了小提琴并调整了代码，使其可以工作。不知道为什么，通过 jQuery UI 对话框maxHeight似乎没有做它应该做的事情。我刚刚将最大高度部分添加到 CSS 中，一切都很好。