我想在 XHTML 1.0 过渡中将 TextArea 的高度设置为表格单元格的 100%

Question

我想在 XHTML 1.0 过渡中将 TextArea 的高度设置为其父表格单元格的 100%。我查看了其他类似的问题，这些问题向我表达了父元素需要具有明确定义的高度值才能使 TextArea 的高度为该值的 100%。

我有一个 100% 高度的 html 和正文设置为 100% 的表格。

但是，如果我将表格单元格的值作为其父级的 100%，将行作为其父级的 100%，并将表作为其父级的 100%，即设置为客户端高度的 100%，我我猜，textarea 填满了整个视口。

我如何将 TextArea 的高度设置为简单的 100% 的表格单元格，而不引用父元素的高度值一直到根，并得到远离我所追求的结果？

代码如下：

<table>
<tr>
<td>
<textarea rows="" cols="">
</textarea>
</td>
</tr>
<tr>
<td>
<textarea rows="" cols="">
</textarea>
</td>
</tr>
</table>

外部 CSS：

html, body {
height: 100%;
width: 100%;
}
table {
height: 100%;
width: 100%;
}
textarea {
height: 100%;
width: 100%;
}

注意：出于某种奇怪的原因，width 属性似乎在不参考直接父级的情况下分配得很好，但高度却没有。

Answer 1

将您的 CSS 更改为：

html, body {
height: 100%;
width: 100%;
}
table {
height: 100%;
width: 100%;
}
textarea {
height: 100%;
width: 100%;
}
td{
    height:50%;
}