textareaの縦幅を%指定したい

Question

textareaの縦幅を%指定したいのですが、100%とか50%を指定しても効いてくれません。

どなたかお力添え頂きたく願います。

<form>
  <textarea></textarea>
</form>

textarea {
  width: 100%;
  height: 50%;
}

Answer 1

親要素の高さが決まっていないと高さの%指定は効きません。
最悪ぴったり表示サイズじゃなくてもいいならvhで指定するのが手っ取り早いです。
どうしてもピッタリ合わせたいならJavascriptを使って合わせるしかないようです。

Answer 2

見た感じちゃんと反映されます。
なんに対して100%や50%を想定しているのでしょうか？