Codex css-layout-debug:定位 FenBrowser 布局异常
EnglishCodex 安装步骤
- 从固定提交复制 `.codex/skills/css-layout-debug/` 到项目 `.agents/skills/`。
- 选择 `$css-layout-debug`,提供截图、`dom_dump.txt` 和相应日志。
中文摘要
对照截图、DOM 转储和日志,找出布局偏差最早出现在哪个渲染阶段。
SKILL.md 中文导读
可复现示例
在本地两列网格练习页复现右对齐失败。请根据截图和转储判断坐标是否在绘制前已算错。工作步骤
- 先对比页面现象和 DOM 树。
- 判断第一处错误在样式、格式化上下文、布局计算还是绘制。
- 把验证缩小到负责模块和原复现场景。
验收方法
报告列出症状、最早出错阶段、相关代码和验证方法。
GitHub 原文 · 更新日期
适用环境
Codex、固定版本 FenBrowser 工作副本、本地截图、DOM 转储和相关日志。
常见问题
只看截图能判断原因吗?
先用截图确认偏差,再用 DOM 和运行证据定位出错阶段。