jQuery-UI resizable
<script type="text/javascript">
 jQuery(function(){
  jQuery(‘#mybox’).resizable({
   minHeight: 100,
   maxHeight: 100, min=maxã§æ¨ªæ–¹å‘ã®ã¿æ‹¡å¤§/縮å°å¯èƒ½ã«
   minWidth: 100,
   grid: 100, グリッドå˜ä½ã§æ‹¡å¤§/縮å°
   containment: '#parent', 拡大/縮å°ç¯„囲を指定
  });
 });
</script>
<div id="parent" >
 <div id="mybox" >拡大/縮å°å¯èƒ½</div>
</div>
<style>
 #mybox {
  width: 200px;
  height: 100px;
  max-height: 100px;
 }
 #parent {
  width: 100%;
  height: 120px;
  padding: 10px;
 }
</style>