XHTML 1.0 Transitional で、TextArea の高さを親テーブル セルの 100% に設定したいと考えています。TextArea の高さをその値の 100% にするためには、親要素に明示的に定義された高さの値が必要であると私に表明した他の同様の質問を見回しました。
私は 100% に設定されている html と本文の高さの 100% であるテーブルを持っています。
ただし、テーブル セルの値を親の 100%、行を親の 100%、テーブルを親の 100% として配置すると、クライアントの高さの 100% に設定されます。 、テキストエリアはビューポート全体を埋めます。
親要素の高さの値をルートまで参照せずに、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%;
}
注: なんらかの理由で、幅プロパティは直接の親を参照せずに罰金を割り当てているように見えますが、高さはそうではありません。