需求：做一個文本框需要讓文本框有一個默認的最小高度，當書寫的文字到文本框的最底端的時候可以讓文本框自動撐開。
第一種方法通過js來實現的：
html部分：<textarea name="" class="disvertop describe-texa" autoHeight="true"></textarea>
cssl部分： .describe-texa{padding:10px; outline: none; resize:none;width:616px; min-height:80px;border:1px solid #e8e8e8;}
js部分（需要引入jquery插件）：
<script>
$.fn.autoHeight = function(){
function autoHeight(elem){
elem.style.height = 'auto';
elem.scrollTop = 0; //防抖動
elem.style.height = elem.scrollHeight + 'px';
}
this.each(function(){
autoHeight(this);
$(this).on('keyup', function(){
autoHeight(this);
});
});
}
$('textarea[autoHeight]').autoHeight();
</script>
第二種方法簡單有效通過html/css實現：
html代碼：<div class="blockcontent" contenteditable="true"></div>
css代碼：.blockcontent{width:500px; min-height:100px; border:1px solid #ccc;margin:100px auto;padding:10px;}
效果圖默認：
效果圖輸入字體后：