修复了 div 在父元素之外的问题
Fixed div outside of parent element
我目前正致力于将网站从静态桌面布局转换为更适合移动设备的设计。我目前正在将侧边栏内容转换为全屏模式类型 window 但我遇到了当前问题。您能否将固定的 div（侧边栏元素的子元素）放置在整个正文的顶部，即作为正文的直接后代。
我为此焦头烂额，我唯一的成功是克隆该元素并将其作为 body 元素的子元素。
是。 如果从你的固定元素到 <body> 的路径不包含任何 position:absolute 容器，那么你的固定元素将被放置在最上面所有其他。假设没有其他具有更高 z-index 的元素呈现在上面。
另一方面，如果任何容器是绝对定位的，则固定元素会将其作为相对父元素。
注意：这是默认行为。它可能会因您的标记而异。但是没有任何代码示例，这是不可能的。
我目前正致力于将网站从静态桌面布局转换为更适合移动设备的设计。我目前正在将侧边栏内容转换为全屏模式类型 window 但我遇到了当前问题。您能否将固定的 div（侧边栏元素的子元素）放置在整个正文的顶部，即作为正文的直接后代。
我为此焦头烂额，我唯一的成功是克隆该元素并将其作为 body 元素的子元素。
是。 如果从你的固定元素到 <body> 的路径不包含任何 position:absolute 容器，那么你的固定元素将被放置在最上面所有其他。假设没有其他具有更高 z-index 的元素呈现在上面。
另一方面，如果任何容器是绝对定位的，则固定元素会将其作为相对父元素。
注意：这是默认行为。它可能会因您的标记而异。但是没有任何代码示例，这是不可能的。