Html 垂直对齐位置固定div与流体高度

我有一个具有以下属性的div：

.tourcontainer {
    position:fixed;
    top:0px;
    padding:200px;
    z-index:20;
    color:white;
}

---

我面临的挑战是，div的内容是流动的，因此我不知道如何使其垂直对齐，而不管div的高度如何。

这个问题在Stackoverflow上已经讨论过好几次，但是请看一下：

.div{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}