通过jquery UI对话框，总有一个最大高度，如果较小则使用\'auto\'

<div id=\"dialog\" title=\"Dialog Title\">
    Dialog content
</div>

$(\'#dialog\').dialog({
    resizable: false,
    minHeight: 0,
    create: function() {
        $(this).css(\"maxHeight\", 400);        
    }
});

$(\'#dialog\').dialog({
    maxHeight: $(window).height(),
    open: function() {
        $(this).dialog(\'option\', \'maxHeight\', $(window).height());
   }
});

 $(\'#testing\').resizable(\"enable\");
 $(\'#testing\').dialog({ maxHeight: 400 });


<div id=\"testing\" class=\"ui-widget-content\">
<h3 class=\"ui-widget-header\">Resizable</h3>
</div>

$(\"#div\").css(\'max-height\',\'500px\');

maxHeight

<div id=\"dialog\">
  <div id=\"contents\">
    <input type=\"text\" style=\"height:3000px\"
  </div>  
</div>


    $(\'#dialog\').dialog({
      autoOpen: false,
      maxHeight:400,
      height:400,
      buttons: {
        \"Cancel\": function () {
            $(this).dialog(\"close\");
        }
    },
    open:function(){
       var s = $(\'#contents\').height();
       var s2 = $(this).dialog( \"option\", \"maxHeight\" );
       if(s < s2){
         $(this).height(s);
       }
    }
});

style=\"height:3000px

.d-maxheight {  max-height:200px; }

$(document).ready(function(){
  $(d).dialog({
    dialogClass: \'d-maxheight\',
    height:400
  });
});

<div id=\"dialog\">
  <div style=\"max-height: 400px;\">
      POPUP CONTENTS GO HERE
  </div>
</div>