css - WebKit/KHTML/Opera 浏览器(最初)在错误的地方呈现导航

Question

我在 http://www.raven.dima.neoturbine.net/ 有一个网页我正在努力。顶部导航在 IE 8、Firefox 3.6 和适用于 Android 的 Dolphin 浏览器中“正确”呈现在站点 Logo 的右侧，但在适用于 Android 的 Chrome 8 或 Opera Mini 中则不是，它呈现在 Logo 的顶部。奇怪的是，至少在 Chrome 中，当您首次登陆网站后访问任何链接时，菜单会在访问网站期间转到正确的位置。

我对问题所在有点困惑，因为我确定我没有使用任何有争议的 CSS 选择器。有人想向我指出错误吗？

编辑:固定。

Answer 1

您有一些无关的样式，看起来您只是无缘无故地将它们放在那里。 (也许与移动浏览器有关？)

出于某种原因，您的文件中有两次完全相同的 CSS:

#header H1
{
    padding: 10px 10px 30px;
    display: inline;
    float: left;
}

为了使其在 Firefox 和 Chrome(和 IE8)中正常工作，我删除了这些样式:

来自#header h1:

• 显示:内联

来自#nav ul:

• position:absolute位置
• 显示:内联

然后，我添加到#nav ul:float: left。