Question

我有一个div，它的位置是固定的，所以它始终位于浏览器视口的中心。

在div的内部，我有另一个目前设置在位置上的div：绝对。我的理解是这个内部div实际上是相对于html文档定位的，因为没有绝对或相对的父元素。

我不确定这一切是否完全正确 - 但无论如何，我需要内部div 也保持居中于视口，同时保持相对于其父容器的位置。他们需要连贯地一起移动，同时保持以视口为中心。

我尝试使用position：fixed和position：relative在内部div上，但似乎都没有成功。它们不会一致地移动。

#outer-div {
width: 100%;
position: fixed;
top: 50%;
z-index: 100;
}

#inner-div {
top: 35%;
left: 30%; 
position: ??? ;     
}

谢谢！

Answer 1

在相对于其父容器停留时，您无法使用绝对位置将内部div与视口居中。为什么不在内部div上使用margin: 0 auto？这样，它将以外部div为中心，外部div绝对位于视口的中间。一切都会以这种方式集中，不是吗？