文本jQuery UI对话框中的区域高度/宽度

我有一个弹出的jQuery对话框，允许用户发送确认电子邮件。我有一些文本，然后是一个文本区域。该对话框是可扩展的，我希望文本区域填充整个对话框区域，除了顶部显示文本所需的50像素左右的高度

将textarea高度正确设置为100%可使textarea随着对话框大小的变化而展开/收缩。但是，它不会在顶部为文本留出空间

如何让文本区域填充对话框的整个区域（高度和宽度），除了文本将驻留的前50像素高度

谢谢

HTML:

要发送给用户的确认电子邮件。

您是否尝试过给

一个上边距？大概是这样的：

<textarea id="ConfirmEmailText" class="ui-corner-all ui-widget-content" style="height:100%;padding:5px; margin-top:50px; font-family:Sans-serif; font-size:1.2em;"></textarea>

---

您可以使用绝对定位

更新：当给定绝对位置时，textarea不会延伸到其父级，因此我对textarea周围的div进行了样式设置，textarea只会根据div的尺寸进行自我调整

看。我使用“底部”和“右侧”来调整textarea的边框和填充，虽然不是最好的，但可能会进行调整，但效果不错

因此，使其工作的基本要素如下：

<textarea id="ConfirmEmailText" class="ui-corner-all ui-widget-content" style="height:100%;padding:5px; margin-top:50px; font-family:Sans-serif; font-size:1.2em;"></textarea>

#对话框消息电子邮件{
位置：相对位置；
最小身高：200px；/*孩子是绝对身高，所以我们需要最小身高*/
}
#对话框消息电子邮件div{/*此对话框将被拉伸*/
位置：绝对位置；
顶部：50px；
底部：0；
左：0；
右：0；
}
#ConfirmMailText{/*和textarea遵循其父级的维度*/
宽度：100%；
身高：100%；
}

更新2:我刚刚偶然发现了这一点，并通过将包装伪装成文本区域本身来扩展它：

div{
位置：绝对位置；
左：5px；
顶部：5px；
右：5px；
底部：5px；
边框：1px实心#CCC；/*样式类似文本区域*/
}
文本区{
宽度：100%；
身高：100%；
边距：0；/*不希望添加到容器大小*/
边框：0；/*不希望添加到容器大小*/
}

不，我没有试过，但我刚试过，因为你提到了，它不起作用。所做的只是在文本区域上方再放置一个50px的空白区域。然而，文本区域仍然在对话框的整个区域内扩展。（我不得不使用对话框上的滚动条来查看50像素的边距空间，如果这样做有意义的话）不幸的是，更新2中提到的链接已经死了：（@MarioFraiß我希望它只是暂时关闭，但我可以找到内容。我还将网站上的代码复制到了我的答案中。