<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';"></textarea>
<textarea style="width:420px;overflow-y:visible;">哈哈哈
哈哈哈
哈
哈哈
哈
哈哈啊</textarea>
                    
<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:2onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.heigthis.scrollHeight + 'px';">我是内容
真的不会随内容变化吗？
其实不是的，只是楼主没有动脑筋而已</textarea>
                    
<script>document.getElementById("textarea").style.height = document.getElementById("textarea").scrollHeight + 10 + "px";</script>
<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';"></textarea>
<textarea style="width:420px;overflow-y:visible;">哈哈哈
哈哈哈
哈
哈哈
哈
哈哈啊</textarea>

<textarea name="textarea" id="textarea" style='overflow-y: hidden;height:20px' onpropertychange="this.style.height = this.scrollHeight + 'px';" oninput="this.style.height = this.scrollHeight + 'px';">我是内容
真的不会随内容变化吗？
其实不是的，只是楼主没有动脑筋而已</textarea>
<script>document.getElementById("textarea").style.height = document.getElementById("textarea").scrollHeight + 10 + "px";</script>