使用javascript调整textarea以适应流畅的宽度布局

Question

我有一个流畅的布局,我需要一个textarea来扩展/减少父容器的大小.

在CSS中它看起来像这样:

textarea{
width: 100%;
}

但这不适用于textareas.

我怎么能用javascript做到这一点？我可以获得父元素宽度,并计算适合该宽度的cols数量,但我如何知道1 col的大小(以px为单位)？

Answer 1

chk this out: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+ */
           }