resize 属性允许用户自行调整大小，resize 属性需要配合 overflow 来使用，只有当 overflow 不为 visible 的时候，resize 属性才会生效。

.test {
            width: 400px;
            height: 200px;
            border: 1px solid red;
            resize: both;
            overflow: hidden;
        }

此时右下角就会有一个小按钮，用户就可以用这个小按钮来拖动改变元素的大小。

resize 的默认值为 none，除了 both 以外，还可以设置为 horizontal 和 vertical，如果设置为 horizontal, 这个滑块只能横着拖，如果设置为 vertical，这滑块只能竖着拖。