如何使此標題完全對齊？

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％的寬度。