调整盒子大小

resize属性指定一个元素是否是由用户调整大小的。

none 用户无法调整元素的尺寸。

both 用户可调整元素的高度和宽度。

horizontal 用户可调整元素的宽度。

vertical 用户可调整元素的高度。

<div class="box">sefsfsfsdfd</div>

css

.box {
  width: 300px;
  height: 300px;
  border: 1px solid red;
  margin: 10px auto;
  /* 尺寸调整 */
  /* 全部 */
  resize: both;
  /* 水平 */
  /* resize: horizontal; */
  /* 垂直 */
  /* resize: vertical; */
  overflow: auto;
}

代码演示：

通过左下角来做到全局调整大小