textarea如何实现高度自适应

方法：div模拟textarea文本域

第一步：

<div class="textarea" contenteditable="true"></div>

第二步：

.textarea{
    width: 100%; 
    min-height: 20px; 
    max-height: 300px;
    _height: 120px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 3px; 
    outline: 0; 
    font-size: 12px; 
    line-height: 24px;
    padding: 2px;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
}

备注：

contenteditable属性是HTML5标签属性，但是IE支持此标签属性，避免了兼容性的问题。