重置以调整弹性容器中的元素时遇到问题

Question

我正在使用此重置，并且在启用此重置时使用 justify-content 时遇到问题。 例如：

 .container { font-size: 300px; display: flex; flex-direction: column; } .box1 { background-color: blue; display: flex; justify-content: space-between; } .box2 { background-color: pink }

 <div class="container"> <div class="box1"> <div>1</div> <div>3</div> </div> <div class="box2">2</div> </div>

启用此重置后，数字将一个接一个地作为列，为什么以及如何获得与此处相同的结果，但启用了重置？