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>

Follow me!