我有一個帶有最小高度限制的div，我通過將以下css應用到父容器來使其居中:

#okta-signin-container{
  display: grid;
    height: 100vh;
    place-items: center;
    padding: 50px;
    box-sizing: border-box;
}

問題是，如果我折疊屏幕的高度，登錄子div會延伸到屏幕上方，并被截斷。有什么方法可以防止它延伸到屏幕上方并允許滾動？