div模拟textarea实现高度自增长

css内容

#textarea {
width:300px;
border:1px solid #ccc;
min-height:150px;
max-height:300px;
overflow: auto;
font-size: 14px;
outline: none;
}

html内容

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

---

contenteditable没有兼容性问题，可以通过设置min-height、max-height来对高度进行设定，通过设置padding、outline、font-size、overflow来处理美化细节

转载于:https://www.cnblogs.com/missguolf/p/8080934.html