index.html里如何设置元素的定位方式（Fixed/Absolute）？

加了 position: absolute 却未脱离文档流是误解，实际已脱离但默认定位在 top: 0; left: 0（相对于最近定位祖先），需显式设置 top/left 等偏移量才可见位移；若无定位祖先，则相对于 html 根元素。

免费影视、动漫、音乐、游戏、小说资源长期稳定更新！ 👉 点此立即查看 👈

说起来，在 style 属性里直接写上 position: fixed 或 position: absolute 确实就能生效。但问题往往出在后面——如果不理解层叠上下文和包含块的概念，很容易陷入“代码写了，元素却不动”的尴尬境地。

为什么元素加了 position: absolute 还是没脱离文档流？

一个非常典型的误区是：只写了 position: absolute，却忘了搭配 top、left 这类偏移属性。这时候，元素其实已经脱离了常规文档流，只是它的默认位置落在了 top: 0; left: 0 上（这个“0”是相对于最近的那个定位祖先计算的）。视觉上，它可能好像还“卡”在原来的地方，让人误以为定位没起作用。

• 想要看到位移效果，必须显式设置至少一个偏移属性，比如 top: 10px 或者 right: 20px。
• 如果往上找，所有祖先元素的 position 都是默认的 static，那么这个 absolute 元素就会一路追溯到 根元素，并以其作为定位基准。
• 另外，父容器如果使用了 transform、perspective 或者 filter 这些属性，也会悄然创建一个新的包含块，从而改变定位的参考点，这一点常常被忽略。

position: fixed 在移动端或 iframe 里失效怎么办？

fixed 的定位基准本是视口（viewport），但在某些特定环境下，这个规则会被打破：

• 在 iOS Safari 的旧版本（比如 iOS 12 及更早）中，页面缩放或键盘弹出时，fixed 元素可能会出现位置错乱。通常的应对策略是，确保 viewport meta 标签设置了 width=device-width, initial-scale=1.0，并尽量避免使用 user-scalable=yes。
• 在嵌入