在Chrome中检查元素时消失的空格

Question

我有一个超级奇怪且难以诊断的问题。希望此论坛上的某个人之前遇到过这个问题。基本上，我有一个wordpress + woocommerce页面加载如下：

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

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

如果我找到空白区域应该是（通过不改变任何东西），那么几乎没有任何空白被附加到那里。就好像它是看不见的。

我正在使用Chrome（34.0.1847.131米）。什么可能导致这种奇怪行为的想法？

Answer 1

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