Javascript 如何获取文本区域以填充表格列的高度？

在演示中单击“添加问题”按钮，这样它将附加一个表行。我的问题是，如果您查看附加行中的“问题”列，则

textarea

不会填充其列的高度。如何使附加行中的每个textarea填充其表列的高度

以下是用于此目的的CSS代码的一部分：

.question { 
    min-width:14%;
    max-width:14%;
    border:1px black solid;
    border-collapse:collapse;
}

.question textarea {
    min-width:auto;
    max-width:auto;
    resize:none;
    height:auto;
    font-size:100%;
}

默认情况下，

显示为内联块，并与基线垂直对齐。 更改以下两项中的任何一项：

.question textarea {
  display: block;

  /* or */

  vertical-align: bottom;
}

底部的空间是为延伸到基线以下的字母（如“g”或“y”）保留的行高部分。因此，取消父级的行高度也会起作用（不确定Safari）：

---

将其高度设置为

100%

。这意味着100%的父母身高。可能重复：我只是简单地复制了你的标题并粘贴到谷歌，这是第二个结果…@MikeMcCaughan是的，我以前尝试过身高：100%，但问题是我没有得到，即使JSFIDLE中的代码和我的应用程序中的代码完全相同，它在小提琴中起作用，但在应用中不起作用。你知道为什么吗？@user1830984。不知道，我真的没有时间来区分你的代码。您的CSS中可能存在其他干扰。@user1830984您没有应用任何内容，因为没有具有类

问题的父级
；选择器应该是
#question textarea
。有一个父类选择器，它在javascript代码中附加了textarea，这里是fiddle:，请尝试让它在fiddle中工作，然后我会标记答案，如果希望它在我的应用程序中也能工作的话
.question {
  line-height: 0;
}