JS 让盒子内两个小盒子一个在上一个在下

可以使用CSS中的`flexbox`或者`grid`布局来实现。以下是使用`flexbox`布局的示例代码：

HTML代码：

<div class="container">
  <div class="box"></div>
  <div class="box"></div>
</div>

CSS代码：

.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100px; /* 设置容器高度 */
}

.box {
  width: 50px;
  height: 50px;
  background-color: #ccc;
}

上面的代码中，我们使用了`flex-direction: column`将容器内的子元素垂直排列，然后使用了`justify-content: space-between`将两个子元素分别放置在容器的顶部和底部，从而实现了一个在上一个在下的效果。