固定div相对于容器NOT body

Question

我想根据它的容器div来确定div的位置，而不是关于身体。我玩了很多搜索，但没有找到解决方案。

请不要 .container 和 .content 两者都具有响应高度，并且不能采用固定的高度。 身高：2000px; 仅提供给 .container 以进行转移。

虽然实际情况如下：高度响应。 Here is jsFiddle

<div class="content">content<br>content<br>content<br>content<br>content
</div>
<div class="container">content
    <div class="loaderWrap">
        <div class="loader2">Loading Spinner</div>
    </div>
</div>

CSS：

.content {
    background:green;
}
.container {
    position: relative;
    background:orange;
    height:2000px;
}
.loaderWrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: red
}
.loader2 {
    position: fixed;
    top: 50%;
    left: 50%;
}