正如你所看到的总高度是1000px，在他们的3个盒子里，总高度是600px。我试图做的是使最后一个盒子在box2和容器末端之间的中间。好的解决方案是margin: "auto 0"到box3，但它不起作用。
我怎样才能得到那个结果？

.container {
  width: 1000px;
  height: 1000px;
  background: black;
}

.box1 {
  width: 100%;
  height: 200px;
  background: red;
}

.box2 {
  width: 100%;
  height: 200px;
  background: blue;
}

.box3 {
  width: 100%;
  height: 200px;
  background: green;
}

<div class="container">
  <div class="box1"></div>
  <div class="box2"></div>
  <div class="box3"></div>
</div>