Safari瀏覽器對齊問題 - 幾個px缺口

出於某種原因，我的頁眉沒有完全對齊。我設置了100％的寬度，但有幾個像素間隙（頂部和左側 - 請參閱圖片）。我怎樣才能解決這個問題？ TKSSafari瀏覽器對齊問題 - 幾個px缺口

enter image description here

#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 */ 
}

來源

2012-11-04 Greg

嘗試：

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

有一個默認的保證金或填充到HTML或身體標籤。這應該清除它。

來源

2012-11-04 22:12:07

嘗試添加到您的CSS。

*{padding: 0; margin: 0;}

希望它有幫助。

來源

2012-11-04 22:12:16

發生這種情況的原因很可能是因爲您的#header絕對定位相對到body可能有填充或邊距。或它可以相對於可能具有填充或邊距的html定位。

所以可嘗試設置html填充和保證金0，或爲body

html { 
    padding: 0; 
    margin: 0; 
}

body { 
    padding: 0; 
    margin: 0; 
}

或兩者:)

絕對不做馬科·弗蘭科維奇所建議的那樣設定了所有y的填補和餘量我們的元素0

來源

2012-11-04 22:17:03

Safari瀏覽器對齊問題 - 幾個px缺口

回答

相關問題