Javascript 使用jqueryui调整div的大小

我目前正在使用jqueryui调整div的大小。我试图做的是调整外部div的大小，也应该调整内部div的大小。例如，如果外部div的高度比内部div大50px，则内部div也应该大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 ) {
  }
});

$（“#window-x”）。可调整大小({
最小高度：$（“#smallFrame”）.height（），
minWidth:$（“#smallFrame”）.width（），
},
{
调整大小：函数（事件、ui）{
}
});

---

设置内部div大小的百分比

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


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

$（“#window-x”）。可调整大小({
最小高度：$（“#smallFrame”）.height（），
minWidth:$（“#smallFrame”）.width（），
});

您可以将其设置为

50%

：，或者如果它不是基于%的使用。如果您想要更细粒度的控制，我记得最近回答了一个类似的问题，关于同时调整两个框的大小，您可能可以根据您的需求调整相同的方法：