css - 我想在 XHTML 1.0 Transitional 中将 TextArea 的高度设置为 Table Cell 的 100%

Question

我想在 XHTML 1.0 Transitional 中将 TextArea 的高度设置为其父表格单元格的 100%。我环顾了其他类似的问题，这些问题向我表达了父元素需要具有明确定义的高度值，以便 TextArea 的高度为该值的 100%。

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

但是，如果我将表格单元格的值作为其父级的 100%，行作为其父级的 100%，表格作为其父级的 100%，即设置为客户端高度的 100%，我我猜，文本区域会填满整个视口(viewport)。

我如何将 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%;
}

注意:由于某些奇怪的原因，宽度属性似乎在没有引用直接父级的情况下分配得很好，但高度却没有。

Answer 1

将您的 CSS 更改为:

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