CSS的resize属性让div元素宽高可变

通过CSS设置，可以让div等元素的高宽可以被鼠标拖动改变。

高度height和宽度width都可以改变

以div元素的CSS设置为例，将resize属性设置成both即可，代表水平和竖直方向上都可变：

div {
    resize: both;
    overflow: auto;
}

只能改变元素的宽度width

将resize属性的值设置成horizontal即可，代表只能水平方向上拖动改变。

div {
    resize: horizontal;
    overflow: auto;
}

只能改变元素的高度height

将resize属性的值设置成vertical即可，代表只能在竖直方向上拖动改变。

div {
    resize: vertical;
    overflow: auto;
}

最后要说的是，别忘了把overflow属性设置成auto，否则不会生效的！