我怎樣才能使這個頭完全對齊？

Question

我正在使用以下頭部設計，它應該水平100％地佔據頁面的頂部，但在右側的某些瀏覽器中，它不會覆蓋它。

我該如何解決這個問題？

HTML：

<header id="loop"> 
<img src="/images/logo.png" height="50px" /> 
</header> 

CSS：

background-color: #990000; 
height: 85px; 
margin-left: -8px; 
margin-top: -8px; 
position: relative; 
width: 101.3%; 

Answer 1

這是一個有點難以啓齒，沒有堅實的例子。

確保身體/頭邊距值：

body { margin: 0; } 

此外，刪除你把你的CSS的寬度值和重置您的利潤。你的CSS應該是：

background-color: #990000; 
height: 85px; 
position: relative; 
width: 100%; 

Answer 2

問題是你的負邊距左邊8px和寬度101.3％。只有當屏幕寬度大於615px時纔會填滿整個寬度。

最好的選擇是擺脫邊距並使用100％的寬度。