使文本区域全尺寸

Question

我正在做一些表格，但我遇到了这个问题。

我打算将我的页面分成 3 列（2 列旁边有 pic，中间会有一个小表格。所以我将 textarea 放在表单中，但将列和行号放在 HTML 文件中。但是，当我尝试格式化列的比例时，弹出问题。列的大小不是textarea的大小。无论如何让我使textarea全尺寸，与列兼容？

    #left,

    #right,

    #form {

      width: 31%;

      float: right;

    }

<section id="left">
  <img src="./image/left.JPG" />
</section>
<section id="form">
  <form>
    <textarea id="message" rows="4" width="120"></textarea>
  </form>
</section>
<section id="right">
  <img src="./image/right.JPG" />
</section>

Answer 1

#left, #right, #form
{
    width: 31%;
    float: right;
}

<section id="left"><img src="./image/left.JPG"/></section>
<section id="form">
    <form>
        <textarea id="message" rows="4" style="width:100%;" ></textarea>
    </form>
</section>
<section id="right"><img src="./image/right.JPG"/></section>

如果您将文本区域的宽度设置为 100%，那么它将填充它所在的区域。