在Chrome中检查元素时消失空白

Question

我有一个非常奇怪且难以诊断的问题。 希望这个论坛上有人来过。 基本上，我有一个像这样的wordpress + woocommerce页面加载：

如您所见，还有很多额外的空格。 问题是我无法弄清楚空格的来源，因为每次检查元素时，页面都会立即删除空格，并且看起来（正确）如下：

如果我打开“检查元素”窗口并刷新页面，则空格会返回，但是只要我以任何方式更改CSS（即删除随机属性或更改任何内容），页面便会再次修复。

如果我定位空白区域（不进行任何更改），则实际上没有空白附加到该区域。 好像它是不可见的。

我正在使用Chrome（34.0.1847.131 m）。 有什么想法会导致这种奇怪的行为吗？

Answer 1

这似乎是一个问题，某种程度上是由javascript引起的。 我以前曾与WC合作过，他们使用的JS确实有问题。 我建议尝试关闭javascript，然后查看问题是否仍然出现。 下一个要检查的地方是模板本身。 之后，检查woocommerces过滤器设置/操作挂钩。 根据我的经验，WC的模板做得非常糟糕（严重的是，谁还在使用表）。 这也让我头疼得很奇怪。