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

Question

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

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

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

如果我找到空白应该在的区域（通过不更改任何内容），那么空白实际上没有附加到任何地方。就好像它是看不见的一样。

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

Answer 1

这似乎是一个问题，不知何故是由 javascript 引起的。我以前和WC合作过，他们使用的JS确实有问题。我建议尝试关闭javascript，看看问题是否仍然存在。下一个要检查的地方是模板本身。之后，检查 woocommerces 过滤器集/动作挂钩。根据我的经验，WC 的模板做得非常糟糕（说真的，谁还在使用表格）。这也引起了我各种奇怪的头痛。