css - 如何将 textarea 完全放入 div - CSS

Question

我有一个 <div>具有固定的宽度和高度(可能以 px/% 为单位)。我有一个 <textarea>在里面，宽度为 100%，比如；

HTML

<div>
    <textarea></textarea>
</div>

CSS

div{
    height: 200px;
    width: 300px;
    background: red;
}
textarea{
    height: 100px;
    width: 100%;
}

但是 </textarea>从容器中伸出来，就像；

我希望 textarea 拉伸(stretch)到容器的 100%。我怎样才能做到这一点？

Here 是工作 fiddle 。

Answer 1

将 box-sizing:border-box 添加到文本区域的 CSS。