与safari对齐的问题 - 几个px差距

Question

由于某些原因，我的标题不完全对齐。我将宽度设置为100％，但是有一些像素间隙（顶部和左侧 - 见图片）。我怎样才能解决这个问题？ TKS

#header {
position:absolute; 
top:0px; 
left:0px; 
width: 100%;
height:50px;
background: #FFF; /* Fallback background color for non supported browsers */         
background-image: -moz-linear-gradient(top, #fff, #f3F3F3); /* Firefox 3.6 */
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F3F3F3),color-stop(1, #fff)); /* Safari & Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#F3F3F3'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#F3F3F3')"; /* IE8 */
} 

Answer 1

尝试：

html, body
{
margin:0;   
padding:0;   
}

html或body标签有默认的边距或填充。这应该清除它。

Answer 2

尝试将此添加到您的CSS中。

*{padding: 0; margin: 0;}

希望它有所帮助。

Answer 3

发生这种情况的原因很可能是因为#header绝对相对定位到可能有填充或边距的body。 或它可能相对于可能有填充或边距的html定位。

因此，请尝试将html的填充和边距设置为0，或body

html {
    padding: 0;
    margin: 0;
}

OR

body {
    padding: 0;
    margin: 0;
}

或两者：）

绝对不做MarkoFranceković所建议的，因为它将所有元素的填充和边距设置为0