CSS作為網頁開發中不可或缺的一環，我們常常會遇到各種奇怪的問題。其中一個常見的問題就是在頁面布局中出現垂直空白的情況，下面介紹兩種解決垂直空白的方法。

方法一：使用float屬性

.box{
float: left;
}

在網頁布局的過程中，我們經常使用float屬性將元素左浮動或右浮動。此時，我們只需要將需要浮動的元素的父元素也浮動，然后加上清除浮動即可解決垂直空白的問題。

.parent{
float: left;
overflow: hidden;
}
.box{
float: left;
}

方法二：使用line-height屬性

.box{
line-height: 0;
}

我們在設定元素的高度時，可以將line-height屬性設為0，這樣就能夠解決垂直空白的問題。

總之，以上兩種方法都能夠解決垂直空白問題，我們可以選擇適合自己的方法來解決這個問題。