css - 仅在一台计算机上的每个浏览器中的菜单上的额外填充

Question

我对此感到很困惑。当我在我的主计算机上的 Chrome、FireFox、IE9、Opera 或 Safari 上查看我的网页时，我的菜单的滚动条上有一个额外的 3px 顶部填充。

当我检查家里的另外两台电脑时，在上述所有浏览器(加上 IE8)上，菜单没有 3px 的额外填充。

我已经重置了主计算机上的浏览器，但我认为一定是外部因素影响了页面呈现，因为它发生在我所有的浏览器上......？这不会是一个监控条件吧？我没有对显示器校准做任何花哨的事情。我所有的浏览器都是 100% 缩放。

主要组件:Windows 7 其他两个组件:Windows 7 和 Windows XP

任何关于为什么会这样的猜测都会非常有帮助。谢谢。

CSS:

#access {
clear: both;
display: block;
float: left;
margin: 0px 0 40px 0;
padding:0;
width: 100%;
text-align:left;
/* height:54px; */
background-image:url(images/menu-bar.gif);
background-repeat:no-repeat;
background-position:top center;
}

#access ul {
list-style: none;
margin: 0 0 0 20px;
padding: 0;
width:100%;
}

#access ul li { display:inline;padding:0;margin:0; }

#access li {
background-image:url(images/menu-bar-divider.gif); 
background-repeat:no-repeat;
background-position:top right;
}


#access ul li a {
color: #ffffff;
display:block;
float:left;
padding: 18px 39px 17px 39px;
text-decoration: none;
font-size:16px;
text-shadow: 0px 1px #c86209;
}

#access li a:link { }
#access li:last-child { background-image:none; }    
#access a:hover { text-shadow: none;background-image:url(images/menu-bar-hover.gif);background-repeat:repeat-x;background-position:bottom center;color:#000000!important;}
#access a:visited { color:#ffffff!important;} 

Answer 1

可能的场景:

1. 这是 CMS 吗？您是否可能以管理员身份登录 个人电脑？我在使用 Wordpress 时遇到了同样的问题。 http://wordpress.org/support/topic/31-update-causing-28px-top-spacing-in-html-body
2. 您是否安装了任何附加组件、插件、广告软件 干扰您的布局？
3. 您是否使用了 CSS 重置或 正常化？ (其中一个不是两个)这可以帮助你解决

类似的问题。

1. > http://necolas.github.com/normalize.css/
2. > http://developer.yahoo.com/yui/reset/

您能否尝试在 JSFIDDLE 或 http://tinkerbin.com/ 中重现您的案例？ ？