在Web開發中，有時候需要將某個元素垂直底部對齊，這時候就需要使用CSS的垂直底部對齊功能。

/* 父元素需要有height屬性 */
.parent {
height: 400px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}

上面的代碼中，我們使用了flex布局，并將其方向設置為column，即垂直方向，并將justify-content屬性設置為flex-end，表示將子元素沿y軸方向對齊到最底部。

/* 父元素需要有position屬性 */
.parent {
position: relative;
height: 400px;
}
.child {
position: absolute;
bottom: 0;
}

上面的代碼中，我們將父元素設置為相對定位，并讓子元素絕對定位，并將bottom屬性設置為0，即底部對齊。

/* 使用CSS Grid布局 */
.parent {
display: grid;
grid-template-rows: 1fr auto;
}
.child {
align-self: end;
}

上面的代碼中，我們使用CSS Grid布局，將父元素設為網格布局，并通過grid-template-rows屬性將行高設置為1fr和auto，使子元素的高度自適應。并將子元素的align-self屬性設置為end，即底部對齊。