在網頁設計中，經常需要讓兩個div在不同的行上顯示。這時候，我們可以使用CSS中的一些屬性來進行布局。下面就來介紹兩個div如何換行。

.container{
display: flex; // 設置父級容器為彈性布局
flex-direction: column; // 設置子元素在豎直方向排列
}
.box{
width: 100px;
height: 100px;
background-color: yellow;
}

首先，我們需要將兩個div包裹在一個父級容器中。然后，將父級容器的display屬性設置為flex，并將flex-direction屬性設置為column，即豎直方向排列。接下來，只需要給每個子元素設置一個固定的寬度和高度，就可以讓它們占據一個獨立的區域了。

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

最后，我們只需要在HTML代碼中創建兩個div，然后將它們放在父級容器中即可。

通過以上步驟，我們就可以實現兩個div在不同行上的顯示了。