在網頁設計中，經常需要將一個元素垂直分成三等分，比如在導航欄或者頁面布局中。這時候我們可以使用CSS來實現此效果。

.container {
display: flex;
height: 100%;
}
.column {
flex: 1;
height: 100%;
}

為了實現垂直三等分，我們首先需要將包含塊設置為flex布局。然后，每個元素都應該設置flex屬性為1，這會使它們均分父容器。最后，通過設置每個元素的高度為100%來保證它們完全填滿容器。

Column 1
Column 2
Column 3

在HTML中，我們可以使用類名為container和column的div來表示我們的容器和子元素。在這個例子中，我們使用了三個子元素來展示三等分的效果，但實際上，你可以根據需要添加或刪除子元素，而布局仍將保持三等分。

這就是使用CSS實現垂直三等分的方法。通過使用flex布局和一些基本的CSS屬性，我們可以輕松地實現這個常見的布局效果。