垂直对齐位置固定的 div 与流体高度答案

【问题标题】：Vertical align a position fixed div with fluid height垂直对齐位置固定的 div 与流体高度
【发布时间】：2014-09-18 00:19:05
【问题描述】：

我有一个具有这些属性的 div：

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

我有一个挑战，即 div 的内容是流动的，所以我不知道如何使它垂直对齐而不管 div 的高度。

【问题讨论】：

【解决方案1】：

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

【讨论】：