如何让textarea填充其父宽度的宽度？

Question

假设我们事先不知道div的宽度？

我的想法：用JS计算div的宽度，找到一种方法将其转换为cols，然后将css动态应用到文本区域。但也许没有必要重新发明轮子？

Answer 1

<textarea style="width:100%">

* 在大多数情况下都有效。

如果没有，请提供更多信息！

_{* 注意：由于某种原因，需要}

cols

和

rows

属性来验证。但设置宽度或高度将覆盖它们，因此请输入您想要的任何值。

Answer 2

我建议使用

flex

而不是

width: 100%

，因为

100%

通常不考虑边框，导致出现水平滚动。

<div style="display: flex">
    <textarea style="flex: 1"></textarea>
</div>