CSS的垂直溢出是指在垂直方向上，內容超出了容器的高度而導致的溢出現象。這種情況一般會出現在容器設置了固定高度或彈性高度的情況下。

解決垂直溢出有多種方法，下面介紹幾種常見的方法：

1. 使用overflow屬性

.container {
height: 200px;
overflow: auto;
}

可以看到，將overflow屬性設置為auto或scroll可以實現容器垂直方向上的滾動條，從而解決溢出的問題。

2. 使用transform屬性

.container {
height: 200px;
transform: translateY(-50%);
}

使用transform中的translateY屬性可以將容器上移50%，從而使溢出的內容可以顯示出來。

3. 使用flexbox布局

.container {
height: 200px;
display: flex;
flex-direction: column;
}
.content {
flex: 1;
}

使用flexbox布局可以讓容器的子元素自適應容器高度，并且自動填充剩余的空間，從而避免了垂直溢出的問題。

總之，對于不同的情況，適用的解決方法也不同。選擇合適的方法可以更加高效地解決垂直溢出的問題。