如何垂直居中一个位置固定且宽度为px的div？

Question

我想以固定位置为中心。它的宽度指定为300px而不是百分比。

<div class="mainCont">
  <div class="childCont">
</div>

childCont是固定位置和宽度为300px的div。我想把它作为中心。

Answer 1

使用以下css：

.childCont {
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
}

<强> Working Fiddle

Answer 2

将以下CSS用于您的＆＃39; childCont＆＃39;类：

.childCont {
    position: fixed;
    width: 300px;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%, 0);
}