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

可能的情况：

这是CMS吗？你是否可能以另一个管理员身份登录？ PC？我在Wordpress上遇到了同样的问题。 http://wordpress.org/support/topic/31-update-causing-28px-top-spacing-in-html-body
您是否安装了任何插件，插件和广告软件干扰你的布局？
您是否使用了CSS重置或规范化？（其中一个不是两个）这可以帮助您解决问题

类似的问题。

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

您可以尝试在JSFIDDLE或http://tinkerbin.com/中复制您的案例吗？

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

1 个答案: