我在Safari和Chrome中显示了一个1px的神秘底边框（我猜是WebKit的东西）。 Firefox可以正常显示。
下方的按钮应与下方的茶水条齐平。不应有1px的线分隔它们。
我玩过height，border，position，padding和margin，但还没弄清楚这一点。
在Web Inspector中将bottom: 0更改为bottom: -5px仍会产生该行。
有很多样式，因此，我将尝试合并级联。
#tell-a-friend {
background-repeat:no-repeat;
display:block;
height:33px;
margin-right:0;
position:absolute;
float:right;
font-size:1.2em;
margin-right:0.8em;
background-position:right 0;
bottom:0;
height:35px !important;
left:682px;
width:82px;
}
再说一次，我可能会更好地linking to the site。
CSS已缩小，因此请使用Web检查器查看CSS。
我已经尽力想尽一切办法，所以我将看看你们是否可以帮助我:)
非常感谢！
最佳答案
编辑：这是您的<div id="header">的绝对高度。尝试将其缩短一像素。
它不是黑色轮廓，而是灰色背景...背景图像的底部有一个1px的透明行，灰色背景显示出来。
关于css - WebKit中神秘的1px边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3902833/