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

Question

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

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

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

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

到目前为止，我有这个：

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

});

Answer 1

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

CSS

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

Working fiddle

编辑更新了小提琴和调整后的代码，以便它可以正常工作。不确定为什么，jQuery UI对话框maxHeight似乎没有做它应该做的事情。我刚刚将最大高度部分添加到CSS中，一切都很好，花花公子。