修复了父元素之外的 div

【问题标题】：Fixed div outside of parent element修复了父元素之外的 div
【发布时间】：2015-03-20 01:13:34
【问题描述】：

我目前正致力于将网站从静态桌面布局转换为更适合移动设备的设计。我目前正在将内容侧边栏转换为全屏模式类型窗口，但我遇到了当前问题。您能否将固定的 div（侧边栏元素的子元素）放置在整个主体的顶部，即作为主体的直接后代。

对此我感到很头疼，我唯一的成功就是克隆元素并将其作为 body 元素的子元素。

【问题讨论】：

【解决方案1】：

是的。如果从您的固定元素到<body> 的路径不包含任何position:absolute 容器，那么您的固定元素将被放置在所有其他元素之上。假设没有其他具有更高 z-index 的元素呈现在上面。

另一方面，如果任何容器是绝对定位的，则固定元素会将其作为相对父级。

注意：这是默认行为。它可能因您的标记而异。但是没有任何代码示例是无法判断的。

【讨论】：