CSS浮动正确然后向上浮动?

我试图找出是否有某种方法可以完成浮动(向左或向右),以使每个从边框开始的新起点都从其上方的元素开始。这是三个元素:

#red-block {
  background-color: red;
  width: 70vw;
  height: 15vh;
}
#blue-block {
  background-color: blue;
  width: 20vw;
  height: 45vh;
}
#green-block {
  background-color: green;
  width: 60vw;
  height: 15vh;
}
div {
  float: right;
}
<div id="red-block">
  red-block
</div>
<div id="blue-block">
  blue-block
</div>
<div id="green-block">
  green-block
</div>

在这种情况下,绿色块在蓝色块的垂直端之后的右端开始。有什么方法可以让它从红色方块的底部开始吗?

谢谢。

评论