基于浏览器屏幕垂直居中div

Question

是否可以根据浏览器屏幕高度垂直居中？

我有这个

#success {
  height: 300px;
  top: 50%;
  margin-top: -150px;
  position: absolute;
}

但是它垂直居中于它的父div，而不是基于浏览器屏幕高度。有没有办法让我能达到我的目的？谢谢！

Answer 1

给出div position: fixed，它将相对于窗口定位。