Html css div高度扩展器

我试图在div上放置一个textarea扩展器，但找不到要设置的正确元素，以下是我尝试执行的操作的说明：

在下角的textarea输入标签中，有一个扩展器，用户可以设置他想要的textarea大小

---

我的问题是，有没有办法把这样的东西放在div上？我不寻找javascript代码，css或html会很棒。

使用CSS3

调整大小：两者都有，如下所示：


.isResizable{
背景：rgba（255,0,0,0.2）；
字号：2em；
边框：1px纯黑；
溢出：隐藏；
调整大小：两者；
宽度：160px；
高度：120px；
最小宽度：120px；
最小高度：90px；
最大宽度：400px；
最大高度：300px；
}
敏捷的棕色狐狸跳过了懒狗。
“有没有办法把这样的东西放在一个div上？”在ff上不太管用，但在chrome上它会把所有的子div都弄乱，在其他浏览器上也不管用，我现在不想用它，但谢谢。
<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>