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

时间:2013-08-21 16:40:19

标签: css xhtml height textarea

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

我有一个表格,它是html和身体高度的100%,设置为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%;
}

注意:由于一些奇怪的原因,宽度属性似乎指定罚款而不引用直接父级,但高度不是。

1 个答案:

答案 0 :(得分:1)

将CSS更改为:

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