CSS是网页开发中的重要工具之一，可以实现各种炫酷的效果。其中，把盒子竖着放是一个比较有趣的效果，下面我们就来一起学习一下如何通过CSS实现。

.box{width: 100px;  //设置宽度height: 200px; //设置高度display: flex; //设置弹性布局flex-direction: column; //设置垂直排列}

上述代码中，我们新建了一个名为“box”的class，接着设置了它的宽度为100px，高度为200px。然后，通过设置display属性为flex，即可创建一个弹性布局，这是实现盒子竖放的重要步骤。接着，我们设置flex-direction为column，就可以让子元素垂直排列了。

接下来，我们可以为盒子添加一些其他的样式，比如边框、背景等等。总之，相信大家可以根据自己的需要进行调整，实现出最完美的效果。

通过以上的几个步骤，我们就可以将一个盒子垂直放置了。希望本篇文章对大家有所帮助，也希望大家能够在以后的开发中运用好这个技能。