CSS DIV高度擴張器

Question

我試圖把一個文本區域擴張的一個div，我無法找到設置的我想要做正確的元素，在這裏的解釋：在textarea的輸入

標籤在底部角落有擴展器供用戶設置他想要的文本區域大小

我的問題是，有沒有辦法把這種東西放在div上？我不尋找JavaScript代碼，CSS或HTML會很好。

Answer 1

使用CSS3 resize: both;，如下所示：http://dhtmlexamples.com/2011/01/20/creating-a-user-resizable-div-tag-using-css3/

<style type="text/css"> 
    .isResizable { 
     background: rgba(255, 0, 0, 0.2); 
     font-size: 2em; 
     border: 1px solid black; 
     overflow: hidden; 
     resize: both; 
     width: 160px; 
     height: 120px; 
     min-width: 120px; 
     min-height: 90px; 
     max-width: 400px; 
     max-height: 300px; 
    } 
</style> 

<div class="isResizable">The quick brown fox jumps over the lazy dog.</div>