html - Chrome 向下移动 div？

Question

我遇到了一些似乎只在 Chrome 中出现的 CSS 问题。有问题的站点是 liveinthelead.com，它仍在处理中，所以如果您发现任何其他奇怪的问题，请随时告诉我，我不会生气的。我的主要问题是:

在我测试过的所有浏览器中，除了 chrome，网站看起来都不错。然而，在 chrome 中，在主页上，三柱 div 中的中间柱向下移动了大约 20px。但是当我打开开发人员界面时，它们又回到了它们应该在的位置!也许这只是一个本地问题，但这里有一些我正在谈论的图片。如果您没有遇到同样的问题，那么可能只是我的电脑出现了一些奇怪的问题。干杯。

When I initially load the page

After I open the developer console

Answer 1

我注意到的一件事是，在您的 div#three-post 中，您将 float:left 设置为 div.member1 而不是剩余的 div.member2 或 div.member3。

这就是我要开始调查问题的地方。也许您应该将剩余的两个 div 也设置为向左浮动。之后您可能还需要清除它们。

为了约定——并且您不会再次遇到这种混淆——使用 ID 来选择特定元素，例如 member1、member2、member3，并使用类来选择应该共享相同属性的多个元素。