CSS可以幫助我們更好地控制頁面布局，其中一種常見需求就是將元素垂直地對齊到頁面底部。通過CSS，我們可以輕松地實現這樣的效果。

/* 定義父元素的樣式 */
.parent {
position: relative;
min-height: 100vh;
}
/* 定義要垂直對齊到底部的元素樣式 */
.child {
position: absolute;
bottom: 0;
}

以上代碼中，.parent表示父元素，通過設置position: relative讓它成為相對定位的元素，并且設置了min-height: 100vh來讓它的高度等于視口的高度（即視口垂直方向的尺寸）。這樣做是為了讓它的子元素能夠相對于它進行定位。

.child則是要垂直對齊到頁面底部的元素，它通過設置position: absolute讓它成為絕對定位的元素，同時設置了bottom: 0來讓它的底部緊貼著父元素的底部。

通過這樣的方式，我們就可以實現子元素在垂直方向上與頁面底部對齊的效果了。