HTML / JS / PHP使用相同文件的两个页面看起来有所不同（仅适用于chrome）

Question

On one of my fake domains I've been working on a menu for fun. The menu works as expected here:

-Removed-

However, that page doesn't use any PHP.

-Removed-

This page does use PHP to fill the links in the menu from a database full of fake links. The problem is that it works as expected in IE9 but chrome for some reason adds a left:40px to the div that holds the links the first time you load the page. Afterwords, the script looks and acts as it is supposed to. I validated the html and CSS as XHTML 1.0 Strict and CSS3. I have not been able to test this in Firefox or opera because this computer cannot have those browsers installed.

The only difference HTML wise is that in the php version, the links are actually tagged as links were as the homepage version, they are simply text. The CSS does contain styles for the element in the .LinkDiv class that sets margins and padding to 0px.

If anyone is able to shine some light on this issue, that would be great.

I added:

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

and constantly hit refresh, sometimes in chrome it loaded correctly, others it loaded with the div 40px to the left.

Answer 1

将此添加到您的css文件

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