CSS是網頁開發中的重要工具之一，可以實現各種炫酷的效果。其中，把盒子豎著放是一個比較有趣的效果，下面我們就來一起學習一下如何通過CSS實現。

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

上述代碼中，我們新建了一個名為“box”的class，接著設置了它的寬度為100px，高度為200px。然后，通過設置display屬性為flex，即可創建一個彈性布局，這是實現盒子豎放的重要步驟。接著，我們設置flex-direction為column，就可以讓子元素垂直排列了。

接下來，我們可以為盒子添加一些其他的樣式，比如邊框、背景等等。總之，相信大家可以根據自己的需要進行調整，實現出最完美的效果。

通過以上的幾個步驟，我們就可以將一個盒子垂直放置了。希望本篇文章對大家有所幫助，也希望大家能夠在以后的開發中運用好這個技能。