我如何在java脚本中从div的所有边缘而不是div的右下边缘调整div的大小

Question

目前我正在使用它，并且能够从右下角调整大小

  <div style="padding-right:25px; height: 100%; width:100%" (dragover)="allowDrop($event)" (drop)="onDrop($event)">
    <div *ngFor="let widget of widgets" [id]="widget.id" class="test">
    </div>
  </div>

这是调整大小的CSS

enter code here .test {
    position: absolute;
    z-index: 9;
    background-color: lightblue;
    text-align: center;
    border: 1px solid #d3d3d3;
    border: 2px solid;
    padding: 20px;
    width: 300px;
    resize: both;
    display: block;
    overflow: auto;
}