Javascript 如何根据父元素调整textarea的大小

因此，我需要在此表单中调整textarea的大小，以根据父元素（#wrapper）获取框中的全部可用空间。我该怎么做

当我确定有多少文本会出现在那里时，我会准确地把负数计算得更精确

我写的计算代码，将textarea的高度计算为0px

var-boxHeight=（$（“#包装器”）.height（）-200）；
$（窗口）.ready（函数（）{
$（“盒子”）高度（盒子高度）；
});

XxX
你好
Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯·波尔塔·埃格斯塔斯·乌纳·ac·洛博蒂斯。Nam bibendum purus sagittis odio酵母菌dapibus。维尼纳蒂斯公园仅为埃吉特·亨德雷特·菲尼布斯。蒲公英。不，不，不，不。库拉比图·埃吉特·努克·菲尼布斯（Curabitur eget nunc finibus）、法雷特拉·自由生命（pharetra libero vitae）、埃利芬德·萨皮恩（eleifend sapien）。Ut车辆弧门，非车辆弧门



拯救
发表
仅使用CSS就可以轻松做到这一点：

textarea {
  width: 100%;
  height: 100%;
}

您可以单独使用CSS轻松做到这一点：

textarea {
  width: 100%;
  height: 100%;
}

您可以单独使用CSS轻松做到这一点：

textarea {
  width: 100%;
  height: 100%;
}

您可以单独使用CSS轻松做到这一点：

textarea {
  width: 100%;
  height: 100%;
}

如果您知道
#wrapper
将有一个指定的高度，那么您可以使用CSS来获得文本区域的合理匹配

首先，在
#wrapper
规则中指定高度值

然后，使用绝对定位和CSS
calc
函数将窗体设置为父窗体的高度减去200px，从而设置窗体的高度

然后，您需要执行一个类似于包装文本区域的
p
元素的技巧，为按钮留出50px的高度

最后，将
#Box
的高度和宽度设置为100%，并将
Box size:border Box
设置为考虑textarea元素的边框

注释：虽然可以这样做，但该方法取决于两个硬编码值，即表单前文本的高度和按钮的高度。JavaScript/jQuery可能是更好的方法。无论哪种方式，
#wrapper
都需要一个高度值


#包装器{
边框：1px点蓝色；
高度：500px；
位置：相对位置；
}
#形式{
边框：1px点蓝色；
高度：计算（100%-200px）；
位置：绝对位置；
宽度：100%；
底部：0；
}
#表格p{
边框：1px蓝色虚线；
高度：计算（100%-50px）；
保证金：0；
}
#盒子{
身高：100%；
宽度：100%；
框大小：边框框；
}

你好
Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯·波尔塔·埃格斯塔斯·乌纳·ac·洛博蒂斯。Nam bibendum purus sagittis odio酵母菌dapibus。维尼纳蒂斯公园仅为埃吉特·亨德雷特·菲尼布斯。蒲公英。不，不，不，不。库拉比图·埃吉特·努克·菲尼布斯（Curabitur eget nunc finibus）、法雷特拉·自由生命（pharetra libero vitae）、埃利芬德·萨皮恩（eleifend sapien）。Ut车辆弧门，非车辆弧门



拯救
发表
如果您知道
#wrapper
将有一个指定的高度，那么您可以使用CSS来获得与文本区域的合理匹配

首先，在
#wrapper
规则中指定高度值

然后，使用绝对定位和CSS
calc
函数将窗体设置为父窗体的高度减去200px，从而设置窗体的高度

然后，您需要执行一个类似于包装文本区域的
p
元素的技巧，为按钮留出50px的高度

最后，将
#Box
的高度和宽度设置为100%，并将
Box size:border Box
设置为考虑textarea元素的边框

注释：虽然可以这样做，但该方法取决于两个硬编码值，即表单前文本的高度和按钮的高度。JavaScript/jQuery可能是更好的方法。无论哪种方式，
#wrapper
都需要一个高度值


#包装器{
边框：1px点蓝色；
高度：500px；
位置：相对位置；
}
#形式{
边框：1px点蓝色；
高度：计算（100%-200px）；
位置：绝对位置；
宽度：100%；
底部：0；
}
#表格p{
边框：1px蓝色虚线；
高度：计算（100%-50px）；
保证金：0；
}
#盒子{
身高：100%；
宽度：100%；
框大小：边框框；
}

你好
Lorem ipsum dolor sit amet，是一位杰出的献身者。毛里斯·波尔塔·埃格斯塔斯·乌纳·ac·洛博蒂斯。Nam bibendum purus sagittis odio酵母菌dapibus。维尼纳蒂斯公园仅为埃吉特·亨德雷特·菲尼布斯。蒲公英。不，不，不，不。库拉比图·埃吉特·努克·菲尼布斯（Curabitur eget nunc finibus）、法雷特拉·自由生命（pharetra libero vitae）、埃利芬德·萨皮恩（eleifend sapien）。Ut车辆弧门，非车辆弧门



拯救
发表
如果您知道
#wrapper
将有一个指定的高度，那么您可以使用CSS来获得与文本区域的合理匹配

首先，在
#wrapper
规则中指定高度值

然后，使用绝对定位和CSS
calc
函数将窗体设置为父窗体的高度减去200px，从而设置窗体的高度

然后，您需要执行一个类似于包装文本区域的
p
元素的技巧，为按钮留出50px的高度

最后，将
#Box
的高度和宽度设置为100%，并将
Box size:border Box
设置为考虑textarea元素的边框

注释：虽然可以这样做，但该方法取决于两个硬编码值，即表单前文本的高度和按钮的高度。JavaScript/jQuery可能是更好的方法。艾特