textarea如何实现高度自适应？

 CSS 样式

.textarea{

width: 400px;

min-height: 20px;

max-height: 300px;

_height: 120px;

margin-left: auto;

margin-right: auto;

padding: 3px;

outline: 0;

border: 1px solid #a0b3d6;

font-size: 12px;

line-height: 24px;

padding: 2px;

word-wrap: break-word;

overflow-x: hidden;

overflow-y: auto;

border-color: rgba(82, 168, 236, 0.8);

box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);

}

HTML代码

 

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