2 篇博文 含有标签「CSS」

需求很简单：给页面加一个 Modal。遮罩层 position: fixed; inset: 0，铺满视口——教科书写法。

结果它没有铺满视口，而是缩在某个容器里，位置还随着容器走。

这篇就讲这件事：先说清 fixed 为什么失效（不是玄学，是 CSS 规范里一条明确的规则），再用无头浏览器实测 14 个属性看谁触发，最后引出 Vue 3 的 Teleport 方案，以及它自己带来的几个新坑。

文中的实测数据来自本机 Chrome 无头模式，复现用的最小代码在文末附录，可直接贴出来自己验一遍。所有规范条文均标注了出处并可核对。