CSS是HTML中的一種樣式語言，它可以控制HTML文檔的布局和樣式。其中，塊級元素和行內元素是CSS中的重要概念。塊級元素是指在HTML中被定義為塊級元素的標簽，例如div、p、h1、ul、li等。而行內元素則是指在HTML中被定義為行內元素的標簽，例如span、a、img等。

/* 將塊級元素豎著排列 */
div {
display: flex;
flex-direction: column;
}
p {
margin: 0; /* 去除段落自帶的上下間距 */
}

在實際開發中，我們可能會遇到需要將塊級元素豎著排列的需求，例如制作垂直導航欄、展示產品列表等。這時，我們可以使用CSS的flexbox布局實現。

以上代碼使用了CSS的flexbox布局，將div元素的display屬性設置為flex，并將flex-direction屬性設置為column，表示將內部元素按列排列。接著，我們需要去除段落自帶的上下間距，可以使用p元素的margin屬性設置為0。

通過以上代碼，我們可以將含有段落的div元素豎著排列，從而實現垂直布局的效果。