使textarea全尺寸

Question

我做了某种形式，我遇到了这个问题。

我打算将我的页面划分为3列（2除了pic，中间将有一个小的形式。所以我把textarea放在表单中，但是将列和行号放在HTML文件中。但是，当我尝试格式化列的比例时，会弹出问题。列的大小不是textarea的大小。无论如何，我要将textarea设为完整大小，与列兼容？

＆＃13;

＆＃13;

    #left,

    #right,

    #form {

      width: 31%;

      float: right;

    }

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

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％，那么它将填充它所在的区域。