javascript - 使用相同文件的 Html/JS/PHP 两个页面看起来不同(仅在 chrome 中)

Question

在我的一个假域名上，我一直在为乐趣而制作菜单。菜单在这里按预期工作:

-已删除-

但是，该页面不使用任何 PHP。

-已删除-

此页面确实使用 PHP 从充满虚假链接的数据库中填充菜单中的链接。问题是它在 IE9 中按预期工作，但 chrome 出于某种原因在您第一次加载页面时将 left:40px 添加到包含链接的 div。之后，脚本看起来和行为都符合预期。我将 html 和 CSS 验证为 XHTML 1.0 Strict 和 CSS3。我无法在 Firefox 或 Opera 中对此进行测试，因为这台计算机无法安装这些浏览器。

HTML 方面的唯一区别是在 php 版本中，链接实际上被标记为链接，而在主页版本中，它们只是文本。 CSS 确实包含 .LinkDiv 类中将边距和填充设置为 0px 的元素的样式。

如果有人能够阐明这个问题，那就太好了。

我补充说:

.LinkDiv {
height: 100px;
width: 175px;
display: none;
position: relative;
left: 0; /* This */
background-color: rgb(217,217,217);
}

并不断点击刷新，有时在 chrome 中加载正确，其他加载时 div 向左移动 40px。

Answer 1

将这个添加到你的css文件中

.LinkDiv:nth-child(1){left:0 !important;}