css div 高度扩展器

Question

我试图在 div 上放置一个文本区域扩展器，但找不到要设置的正确元素，这里解释我正在尝试执行的操作：

在底角的文本区域输入标签中，有一个供用户使用的扩展器设置他想要的文本区域的大小

我的问题是，有没有办法将类似的东西放在 div 上？我不寻找 javascript 代码，css 或 html 就很好了。

Answer 1

使用 CSS3 resize: Both;，如下所示：http://dhtmlexamples.com/2011/01/20/creating-a-user-ressized-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>