html - 如何设置固定元素的宽度以适应整个页面？

Question

这是html文件：

这是css文件：

这会产生以下结果：

如何设置标题类以使宽度与页脚相同？如果标题的位置不固定，但是一旦将位置设置为固定，宽度就没有设置？我该如何解决这个问题？我需要修复标题，以便向下滚动时它不会移动。

[编辑] 我已将宽度更改为 100%，结果如下： 当它设置为 100% 时，是否只是我的浏览器在左侧显示了带有一点边距但在右侧没有边距的标题？

Answer 1

将以下内容添加到您的标头类中应该可以工作...

width: 100%;

通过将标题设置为固定位置，您将其从页面的自然流中取出。因此，它不会自动填充其父 () 的宽度，而是默认为其内容的宽度。

Answer 2

做就是了：

.header{
width: 100%;
z-index: 1;
border: none;
etc...
}