我怎样才能使这个头完全对齐？

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