高度不定 垂直居中

在項目中遇到一個彈出框組件，組件寬度固定，但高度是不固定的，想要它居於整個屏幕中間，看似簡單的一個設計，但沒想到在垂直居中這一塊遇到了很大的麻煩，最後經多方查找比較，得到了一個比較合適的方案

.radio_selector ul {
    width: 20rem;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 1rem;
    transform: translateY(-50%);
    overflow: hidden;
}

其中關鍵代碼是：

position: absolute;
top: 50%;
transform: translateY(-50%);