知识库
CSS 层叠上下文：为什么 z-index 设到 9999 还是压不住那个弹窗
问题现象 在开发中，我们可能遇到这样的情况：弹窗的 z index 已经设为 9999，却依然被页面上的某些元素遮挡。这通常是因为 层叠上下文 在作祟。 什么是层叠上下文？ 层叠上下文（Stacking Context）是 HTML 元素在…
#CSS#层叠上下文#z-index#前端开发
CSS 容器查询实战：让同一个卡片组件在不同容器宽度下自动换布局
为什么需要容器查询 媒体查询（@media）关注的是 视口宽度 ，而组件复用时真正决定布局的往往是 它自己被放进多大的容器里 。同一个卡片组件，放在侧边栏（约 280px）和主内容区（约 700px）里，理想布局完全不同。容器查询（Cont…
#CSS#容器查询#响应式布局#组件化
CSS Grid 与 Flexbox 该怎么选：常见布局场景的对照与取舍
引言 CSS Grid 和 Flexbox 都是现代 CSS 布局的核心工具，但很多开发者不清楚在具体场景中该用哪一个。本文通过常见布局场景的对照，帮你快速做出选择。 核心区别：一维 vs 二维 Flexbox 是一维布局模型，一次主要处理…
#CSS#Grid#Flexbox#布局