css位置：固定；消失的问题

设置位置时：固定；div正在消失，我们能做什么

---

我想我知道会发生什么，因为我可以从截图中看到什么

为什么？ 这是因为当您将元素设置为“固定”时，它们的位置不再相对于其父元素。它是相对于html文档的。您也可以说它是从“正常”内容/文档流中删除的

由于我遗漏了一些关于您希望实现的目标的信息，建议在属性“position”中使用值“sticky”。这将使其保持在文档流中，并且相对于其父级是“固定”的。如果你想做到这一点，我建议你阅读它，因为使用它可能会很棘手

示例：

.container {
    width: 100%;
    height: 90rem;
}

.container-child {
    position: sticky;
    top: 0; /* Needed, because this way you'll let the browser know when to get sticky when the viewport(top) of the user 'touches' the element. */
}

资料来源：

请注意，在某些浏览器中，浏览器支持是有限的或古怪的

---

我还建议为您的问题设置一个代码笔示例，并对预期行为进行描述。这样更容易理解和复制您的问题。；）

你能给我看看你的html代码吗？