css - 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可能具有填充或边距的位置定位。

因此，请尝试为htmlto0或为body

html {
    padding: 0;
    margin: 0;
}

或者

body {
    padding: 0;
    margin: 0;
}

或两者 ：）

绝对不要做 Marko Franceković 建议的事情，因为这会将所有元素的填充和边距设置为0