Chrome转换div向下?

时间:2011-11-11 23:21:56

标签: html css wordpress

我遇到了一些似乎只出现在Chrome中的CSS问题。有问题的网站是liveinthelead.com,它还在继续工作,如果你发现任何其他奇怪的问题随时让我知道,我不会被冒犯。我的主要问题是:

在我测试的所有浏览器中,除了Chrome之外,该网站看起来还不错。但是,在chrome中,在主页面上,三柱div中的中间位置向下移动了大约20px。但是当我打开开发人员界面时,他们会回到他们本应该去的地方!也许它只是一个本地问题,但这里有一些我正在谈论的图片。如果您没有遇到同样的问题,那么它可能只是我的电脑上发生的奇怪事情。欢呼声。

When I initially load the page

After I open the developer console

2 个答案:

答案 0 :(得分:0)

我无法在Chrome 15上复制。

= \可能是一件好事!试试另一台电脑!

答案 1 :(得分:0)

我注意到的一件事是,在div#three-post中,您将float:left设置为div.member1,而不是设置为div.member2div.member3

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

为了约定 - 并且您不再遇到此混淆 - 使用ID来选择特定元素,例如,member1,member2,member3,并使用类来选择应共享相同属性的多个元素。