gpt4 book ai didi

css - 嵌套一个位置:absolute element inside a position:fixed one

转载 作者:行者123 更新时间:2023-11-28 10:06:15 29 4
gpt4 key购买 nike

我有一个 position:fixed 的 div,因此它始终位于浏览器视口(viewport)的中心。

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

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

我尝试在内部 div 上使用 position:fixed 和 position:relative,但似乎都没有效果。它们并没有连贯地一起移动。

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

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

谢谢!

最佳答案

您不能在保持相对于父容器的同时使用绝对定位将内部 div 与视口(viewport)居中。为什么不在内部 div 上使用 margin: 0 auto?这样,它将位于外部 div 的中心,它绝对位于视口(viewport)的中间。所有东西都会那样居中,不是吗?

关于css - 嵌套一个位置:absolute element inside a position:fixed one,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8363059/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com