在進行網頁設計時，我們經常遇到需要對某個元素進行垂直居中和水平居中的情況，這種情況尤其在制作彈出層的時候很常見。但是如果這個元素的高度是未知的，我們該怎么做呢？

這時候，CSS來幫我們解決問題！我們可以使用以下代碼實現垂直水平居中。

.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

注意我們使用的是絕對定位，然后通過top: 50%;和left: 50%;將元素移到父元素的中央，再通過transform: translate(-50%, -50%);來實現元素的居中。

但是如果這個元素的高度是未知的，那么居中就會出現問題。這時候，我們需要將元素的高度設置成100%。代碼如下：

.element {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
}

這樣就可以解決高度未知的元素垂直水平居中的問題了。