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

Answer 2

问题是您的负边距为 8px，宽度为 101.3%。只有当屏幕宽度超过 615 像素时才会填充整个宽度。

最好的选择是去掉边距并使用 100% 的宽度。