html - 我怎样才能使这个标题完美对齐？

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%;