程序员日志｜沉浸式翻译大Bug：Popup样式崩了讲了什么-主要信息和内容重点

很多人接触程序员日志时只停留在基础操作，真正影响效率的往往是一场看起来像 CSS Bug 的 “幽灵事故”、宿主黑盒: Popup 的尺寸到底是谁说了算?、第一种机制： 加载阶段的“瞬时膨胀”这些细节。先把使用场景分清楚，再按功能选择做法，能少走不少弯路。

先看原文给出的关键信息：一场看起来像 CSS Bug 的 “幽灵事故”事情从用户群里的一张截图开始：扩展弹窗的内容还老老实实挤在左边，右侧却凭空多出一大片空白，整个面板就像被什么看不见的“隐形力量”强行给撑开了。；最初我们以为这是个普通的 CSS Bug —— 是不是哪个组件改了宽度？；可越查越不对劲：同一个版本每次打开宽度还不一样，删掉图片就好了，连一个没有任何业务代码、只有几行 HTML 的空页面，也能稳定被撑到 800px。。继续往下处理时，重点放在这些条件上：但接下来的排查却让人大跌眼镜,现象极其诡异且矛盾:同一个版本，每次打开 Popup，异常宽度居然是随机的；把图片资源全删掉，Popup 似乎又恢复了正常；图片隔壁 AdBlock和沉浸式翻译的 Popup 也都出现了类似变宽的现象。收尾检查时，再把这些细节对上：图片这些截图不能证明几个案例具有同一个根因，却共同指向了浏览器宿主的autosize：Popup 的窗口尺寸并不只由最终可见的业务组件决定。；于是我们写了一个没有业务代码、没有图片、没有异步 DOM 的纯 HTML 页面，只设定了316px 宽、650px 高。；代码语言：javascript复制html,body {margin: 0。