CSS中有很多常見的樣式，其中高度（height）和垂直居中（vertical align）也是常見的一種。但是有時候我們在布局過程中會遇到一些問題，例如高度與垂直居中無法配合使用的情況。這時候該怎么辦呢？下面就來探討一下這個問題。

首先我們來看一下高度和垂直居中的屬性作用：高度用于定義元素的高度，而垂直居中用于將元素在垂直方向上對齊。通常情況下，這兩個屬性是可以同時使用的，例如我們可以給一個容器定義一個高度，然后將其內部的文本內容在容器內垂直居中展示。但是有些情況下，我們需要將某個元素（例如圖片）在沒有指定高度的情況下，垂直居中展示。這時候我們該怎么辦呢？

下面是一種常規的解決方法：

.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

從上面的代碼可以看出，我們首先給父容器定義position: relative，作用是為了將子元素的絕對位置基于父容器。接著，我們給子元素定義position: absolute并設置top: 50%（子元素相對于父元素頂部的偏移量），以及transform: translateY(-50%)（將子元素向上移動高度的一半）。這樣，圖片就可以在沒有設置高度的情況下，垂直居中顯示了。

當然，上述方法只是其中一種解決方案，如果您有更好的方式，歡迎分享出來哦！