Html 如何"；浮动：顶部“；或关闭大小相等的div之间的垂直间隙

我得到的是：

 ______________________________
|              | |             |
| div 1        | | div 2       |
|              | |             |
|______________| |             |
|                |             |
| wrapper        |_____________|
|______________   _____________|
|              | |  div 4      |
| div 3        | |_____________|
|______________|_______________|                

 ______________________________
|              | |             |
| div 1        | | div 2       |
|              | |             |
|______________| |             |
|______________  |             |
|              | |_____________|
| div 3        |  _____________|
|______________| |  div 4      |
|   wrapper      |_____________|
|______________________________|                

现在，我想要的是：

 ______________________________
|              | |             |
| div 1        | | div 2       |
|              | |             |
|______________| |             |
|                |             |
| wrapper        |_____________|
|______________   _____________|
|              | |  div 4      |
| div 3        | |_____________|
|______________|_______________|                

 ______________________________
|              | |             |
| div 1        | | div 2       |
|              | |             |
|______________| |             |
|______________  |             |
|              | |_____________|
| div 3        |  _____________|
|______________| |  div 4      |
|   wrapper      |_____________|
|______________________________|                

---

有没有办法只通过css（3）来实现这一点？

没有浮动：top，但是可以将div 1和3向左浮动，将div 2和4向右浮动。然后它们将漂浮到它们上方的空间中

1
2.
3.
4.

：）