在網(wǎng)頁設計和開發(fā)中，經(jīng)常需要讓元素垂直貼底。比如，我們希望在一個含有頭部和底部的容器中，內(nèi)容區(qū)域能夠垂直貼底，這時就需要運用 CSS 技巧實現(xiàn)。

通常，設置一個元素垂直貼底的方法有很多種，比如使用表格布局、Flexbox 布局、absolute 定位等等。在本文中，我們將介紹使用 Flexbox 布局實現(xiàn)垂直貼底的方法。

代碼如下：

.container {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100vh;
}
.header {
height: 50px;
}
.content {
flex: 1;
}
.footer {
height: 50px;
}

以上代碼中，我們使用 flex 進行布局，并設置了 flex-direction 為 column，使容器成為一個列布局。這樣，我們只需要設置 justify-content 為 space-between，就可以讓內(nèi)容區(qū)域垂直貼底了。

在實際開發(fā)中，我們可以把上述代碼應用到需要垂直貼底的容器中，很容易就能實現(xiàn)效果。