Javascript 根据jquery对话框调整文本区域的大小

我是css新手。我有一个jquery对话框，里面有一个简单的文本区域，点击按钮就会弹出。在使用textareapopsup的对话框之后，如果我调整jquery对话框的大小，我希望textarea也相对于对话框调整大小。我怎么办？我们是否为它指定了任何css属性？下面是按钮单击事件代码

   function clickButton(){
      var dlg = $('<div style=width:500;> <textarea style=width:400> Sample text area       </textarea> </div>');
      dlg.dialog({
      width:600
     });
  }

功能点击按钮（）{
var dlg=$（“示例文本区域”）；
dlg.dialog({
宽度：600
});
}

在文本区域使用百分比宽度，而不是像素宽度。下面的

90%

（任意选择，根据需要设置）与对话框的

500px

大小相关，因此如果调整大小，文本区域将随之缩放

var dlg = $('<div style="width:500px;"> <textarea style="width:90%;">Sample text area</textarea> </div>');

---

在

文本区域上使用
%width
，并将其
框大小设置为
边框框
，使
边框
和
填充
包含在
宽度
中

<textarea style="width:100%; box-sizing:border-box;"></textarea>



<textarea style="width:100%; box-sizing:border-box;"></textarea>