javascript - 使用javascript调整文本区域的大小以适应流体宽度布局

Question

我有一个流畅的布局，我需要一个文本区域来根据父容器的大小展开/缩小。

在 CSS 中它看起来像这样:

textarea{
width: 100%;
}

但这不适用于文本区域。

我如何使用 javascript 执行此操作？我可以获得父元素的宽度，它们会计算适合该宽度的列数，但我如何知道 1 列的大小(以像素为单位)？

Answer 1

检查一下:http://css-tricks.com/box-sizing/

  textarea {
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box;    /* Firefox, other Gecko */
             box-sizing: border-box;         /* Opera/IE 8+ */
           }