javascript - 使用 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(),  
        });