用jquery-ui调整div的大小

Question

我目前正在使用jquery-ui来调整div的大小。我想要做的是当我调整外部div时，div内部也应调整大小。例如，如果外部div的高度比div内部大50px，那么也应该大50px。反正只有css吗？

<div id="window-x" class="ui-widget-content" style="height: 100px; width:50px; border: solid">
 <div id="smallFrame"style="height: 50px; width:25px; border: solid"></div>
</div>
$( "#window-x" ).resizable({
         minHeight: $( "#smallFrame").height(),
         minWidth:$( "#smallFrame").width(),  
        },
                {
  resize: function( event, ui ) {
  }
});

http://jsfiddle.net/xBB5x/8575/

Answer 1

以百分比形式设置内部div大小。

  <div id="smallFrame"style="height: 50%; width:50%; border: solid"></div>


 $( "#window-x" ).resizable({
         minHeight: $( "#smallFrame").height(),
         minWidth:$( "#smallFrame").width(),  
        });