當我們在網頁中使用CSS來布局頁面時，經常會遇到需要將多個DIV元素縱向對齊的需求。尤其是在需要實現統一高度的時候，這個需求就更為重要了。而在實現DIV底部對齊的時候，我們可以通過使用CSS的一些屬性來實現。

首先，我們可以使用flex布局來實現DIV底部對齊。請看下面的代碼：

.container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 300px;
}
.item {
width: 100px;
height: 50px;
}

在.container容器中，我們通過設置display為flex，可以實現flex布局。并且通過設置flex-direction為column，可以將所有的子項垂直排列。接著，通過設置justify-content屬性為space-between，可以使得所有子項在容器中留有上下間隔。最后，設置容器的高度為300像素。在.item中，我們僅僅設置了子項的長寬。

通過使用上述代碼，我們可以實現DIV底部對齊。但是，需要注意的是，如果子項的高度多于容器的高度，則容器的高度會自動以子項的高度為準。同時，我們還需要注意瀏覽器兼容性的問題。

除了使用flex布局外，我們還可以使用position屬性來實現DIV底部對齊。請看下面的代碼：

.container {
position: relative;
height: 300px;
}
.item {
position: absolute;
bottom: 0;
width: 100px;
height: 50px;
}

在.container中，我們設置position屬性為relative，同時將容器的高度設置為300px。在.item中，我們將position屬性設置為absolute，并將底部對齊的基準點設置為0，即底部與容器底部對齊。當然，我們還需要設置子項的長寬。

通過上述兩種方法，我們可以很容易地實現DIV底部對齊的效果。而我們需要根據具體情況來選擇使用哪種方法，以達到最佳的效果。