css盒子模型的布局和排列格子最后一个不会做

css盒子模型最后一个格子的怎么做啊不会我想了几个小时了脑子都要炸了怎么办啊不会做到底该怎么做（愤怒 怒吼 疯狂

  <style>
  div>div {width:100px;height:100px;border:red solid 1px;}
  </style>

  <div style="display:flex;justify-content:flex-end;width:306px;flex-wrap:wrap">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
  </div>

还可以用float