本文作者：微构网络刘凯威  同步发布至今日头条/木泉网

由于本人是个英语渣，但是能为了更好地与外界保持一致，当然啦也要慢慢学着装逼，于是在我也不记得具体啥时候就开始使用着一些翻译工具，结果发现永久了词汇量还真多了起来，很多以前根本不知道啥意思的单词现在认识了。而在不不久前在一台新电脑上安装了百度的翻译插件（Chrome版）。

我在使用那台电脑的时候使用Chrome打开我自己网页的时候，发现底部多了一条空白（一般表现为body设置的背景色，默认为白色），如果网页底部是深色背景就特别明显。于是我怀疑是不是我的css代码出bug了，但找半天实在没找到错误，于是我查看其它的网站，发现几乎所有网站都是存在这个问题。因此，问题不在网站，而是在于我这个浏览器，因为那时候比较忙就认为是浏览器某个地方设置造成的问题。

在昨天，我在另外一台电脑上也安装了百度翻译插件，而今天在网页写好后开始测试兼容性的时候，我发现之前那台电脑上出现的问题竟然出现了。在出现问题的时候我一般首先怀疑自己，于是还是检查代码，却没有发现什么问题。如果又像以前那样说是浏览器设置问题，那就说不过去了。于是我就开始回忆最近是不是有什么变化，于是想到了昨天安装了百度翻译插件。

关闭该插件，访问任何网站都不存在之前看到的问题。也就是说，百度翻译Chrome浏览器插件是存在问题，会导致正常网站页面在访问的时候出现一个底部空白。

像我这样的强迫症患者是不能忍的，于是就顺便看了是哪里造成的问题，再次检查一遍页面，发现多了下面一段HTML结构代码。

显然我们网站本身是不存在这段代码的，也很显然是外部的js对文档进行的DOM操作而产生的；于是我打开crx文件（也就是chrome插件文件），发现在js/trans-src.js中存在产生以上代码的js代码。

而就是以上代码存在缺陷，导致了该插件作用于网页的时候这部分代码占了一个15px的位置，于是就出现了文章最开始所说的问题。