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


Html/JS/PHP two pages using the same files look different (only in chrome)

在我的一个假域名上,我一直在研究菜单以求乐趣。菜单在此处按预期工作:

-删除-

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

-删除-

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

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

如果有人能够在这个问题上有所了解,那就太好了。

我补充说:

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

并不断点击刷新,有时在 chrome 中它正确加载,有时它在左侧加载了div 40px。

将其添加到您的 css 文件中

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