用途：当页面布局出现异常时，用于快速定位现代 CSS 的经典布局故障，给出最小修复与原理说明。
主要能力：覆盖七项基础重置（全局 border-box、flex 子项 min-content 下限、grid 轨道 minmax(0,1fr)、长词换行、移动端视口单位、sticky 定位、层叠上下文隔离）；提供五大常见 bug 的一行诊断表，以及 flex 与 grid 选择、fr 与 auto 轨道、是否需要 min-width:0 的决策树；并给出 flex 溢出、等宽 grid 列、sticky 失效、移动端视口、长词溢出、层叠上下文隔离、外边距折叠等模式。
使用方式：按症状对照诊断表定位根因，再套用对应模式。例如 flex 子项撑开容器时在子项加 min-inline-size: 0；等宽列用 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)；sticky 需设置 inset-block-start: 0 且祖先无 overflow 非 visible；移动端全屏用 100dvh；z-index 失效时提升父级层叠上下文或加 isolation: isolate。
适用场景：调试 flex/grid 布局、sticky 导航、移动端全屏区块、层叠顺序与间距问题。
限制：不涉及 flexbox/grid 语法教程、容器查询语法、流式响应式尺寸、动画性能与视口单位深入内容，这些由其他技能覆盖。资料未提供具体收费、平台与效果信息。