Html 使文本区域高度为容器的100%

我有一个文本区域，我希望高度与容器相同

我试过使用

身高：100%尽管它似乎不起作用

有人知道为什么吗？
你能发布一些代码吗？可能是任何东西。如果您尝试了基础知识，它应该适用于所有浏览器

.container {
    border: 1px solid #000000;
    height: 300px;
}

.container textarea{
    border: 1px solid red;
    height: 100%;
}

<div class="container">
    <textarea>Hello world!</textarea>
</div>

.container{
边框：1px实心#000000；
高度：300px；
}
.集装箱文本区{
边框：1px纯红；
身高：100%；
}
你好，世界！

这里有一个例子：

祝大家新年快乐
 它一定是我的代码。我去看看，谢谢！父容器的高度应在
px
中，因此子元素将占据父容器的
100%
。