textarea自适应高度

原理:
<div>
    <pre><span></span></pre>
    <textarea></textarea>
</div>


将textarea绝对定位，并在oninput事件中，把内容同步到pre的span中，字体，行高设置相同，就能把div撑开。
需要注意pre要设定自动换行的css


pre {
    margin: 0;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-break: break-all;
    font-family: inherit;
}


textarea {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    resize: none;
    border: none;
    overflow: hidden;
    line-height: inherit;
}